美文网首页
2019-04-10 给指定标签赋类名claccName

2019-04-10 给指定标签赋类名claccName

作者: 北街九条狗 | 来源:发表于2019-04-10 15:59 被阅读0次

给指定标签赋类名claccName

<style>
            .red{
                background: yellow;
                color: red;
            }
            .yellow{
                background: red;
                color: yellow;
            }
</style>
<body>
        <p>
            <button id="red" type="button">红</button> 
            <button id="yellow" type="button">黄</button>
        </p>
        <div id="box">
            另据香港《南华早报》网站4月8日报道,中国的城市将被要求部分或在某些情况下完全取消对外来人口的落户限制。与此同时,世界第二大经济体各个城市吸引人才的竞争正在加剧。
        </div>
        <script type="text/javascript">
            var oBox = document.getElementById('box');
            var oRed = document.getElementById('red');
            var oYellow = document.getElementById('yellow');
            oRed.onclick = function(){
                oBox.className = 'red';
            }
            oYellow.onclick = function(){
                oBox.className = 'yellow';
            }
        </script>
</body>

相关文章

  • 2019-04-10 给指定标签赋类名claccName

    给指定标签赋类名claccName

  • 入门任务7

    class 是指定标签的类名,把特定的 样式放在class类,需要此样式的标签,可以在添加此类。id是指定标签的唯...

  • css入门基本用法

    css 定义方式 指定特定的标签 指定id选择器 指定class选择器 指定特定标签的特定id或者class 类名...

  • css选择器

    一、class 和 id 的使用场景 (1) id :指定标签的唯一标识。 (2)class :指定标签的类名,可...

  • css选择器

    class 和 id 的使用场景? id:指定标签的唯一标识。 class:指定标签的类名。 id应用场景 根据提...

  • css-task7-css选择器

    1.class 和 id 的使用场景? id 指定标签的唯一标识。 class 指定标签的类名。 2.CSS选择器...

  • CSS选择器

    1. class 和 id 的使用场景? class: 表示类,指定标签的类名,一个页面中可以多个标签复用。id:...

  • CSS选择器

    class 和 id 的使用场景? class:类选择器,指定标签的类名。可以用到不同的标签上。id:id选择器,...

  • css选择器

    class和id的使用场景 class指定标签的类名,属性值可出现在多个标签中。id指定标签的唯一标识,为某一元素...

  • 任务7

    class和id的使用场景 id:指定标签的唯一标识,在当前页面中唯一,不可重复class:指定标签的类名,不唯一...

网友评论

      本文标题:2019-04-10 给指定标签赋类名claccName

      本文链接:https://www.haomeiwen.com/subject/extoiqtx.html