首页 > 其他 > 详细

关于元素属性

时间:2018-01-18 19:25:06      阅读:226      评论:0      收藏:0      [点我收藏+]

一、元素的属性用来控制标记内容的显示。

二、一个元素可以使用多个属性。

三、布尔属性

  布尔属性不需要设置属性值。只需要讲属性名添加到元素中即可。例如     

 <!DOCTYPE html>   
 <input disabled>

  布尔属性指定一个空字符串或者属性名称字符串作为其值也能达到同样的效果。

 <input type="text" disabled="disabled">
 <br>
 <input type="text" disabled="">

四、自定义属性

  用户可以自定属性,属性名必须以data-开头。可以同dataset(HTML中的全局属性)获取和设置属性值。例如

  <div id="div1" data-id="123">        
  </div>
  <script type="text/javascript">
        var d=document.getElementById("div1");
        console.log(d.id);//div1
        console.log(d.dataset.id);//123
        d.dataset.id=456;
        console.log(d.dataset.id);//456
  </script> 

  注意:使用dataset时属性名不需要data-;

       属性名中含有连字符时,采用小驼峰标记法例如,属性名称 data-abc-def 与键值 abcDef 相对应。

      此外,我们可以基于data属性值对相应的元素设置CSS样式,例如为上面的元素设置样式:

1 <style type="text/css">
2         [data-id]{
3             width: 100px;
4             height:200px;
5             background: red;
6         }
7 </style>

 

 

 

    

  

 

关于元素属性

原文:https://www.cnblogs.com/yiluhuakai/p/8312463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!