zoukankan      html  css  js  c++  java
  • 第三天:DOM操作css

    基本语法:

    引用样式时是在head中,用link,另外需要<div>才能显示

    修改样式:按下按钮后,引用的样式部分,颜色变为蓝色

    如图下图是更改了样式中hello的颜色

    代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>DOM操作css</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div id="div" class="div">hello</div>
    <button onclick="demo()">按钮1</button>
    <button onclick="demo1()">按钮2</button>
    <script>
    function demo(){
    document.getElementById("div").style.backgroundColor="blue";

    }
    function demo1(){

    document.getElementById("div").style.color="yellow"
    }
    </script>
    </body>
    </html>


    运行结果:

    按下“按钮1”

    
    
    按下“按钮2”



  • 相关阅读:
    Java 类和对象12
    Java类和对象11
    java 类和对象10
    Java类和对象9
    Java类和对象8
    Java 类和对象7
    包装与方法
    JAVA链表
    泛型
    多态 接口
  • 原文地址:https://www.cnblogs.com/fenr9/p/5567470.html
Copyright © 2011-2022 走看看