现在的位置: 首页 > web前端 > 正文

js中的attributes用法

2020年07月03日 web前端 ⁄ 共 1041字 ⁄ 字号 评论关闭

  js中的attributes和Attribute的用法和区别。Attribute的几种用法和含义(attributes和Attribute都是用来操作属性的)。


  getAttribute:获取某一个属性的值;


  setAttribute:建立一个属性,并同时给属性捆绑一个值;


  createAttribute:仅建立一个属性;


  removeAttribute:删除一个属性;


  getAttributeNode:获取一个节点作为对象;


  setAttributeNode:建立一个节点;


  removeAttributeNode:删除一个节点;


  attributes用法


  1.getAttribute:


  复制代码


  复制代码


  <body>


  <divid="t"><inputtype="hidden"id="sss"value="aaa"></div>


  </body>


  <script>


  vard=document.getElementById("sss").getAttribute("value");


  console.log(d)//aaa;


  </script>


  复制代码


  get取得的返回值是属性值。


  复制代码


  attributes含义


  复制代码


  <divid="t"><inputtype="hidden"id="sss"value="aaa"></div>


  </body>


  <script>


  vard=document.createAttribute("good");


  document.getElementById("sss").setAttributeNode(d);


  alert(document.getElementById("t").innerHTML)//弹出框<inputtype="hidden"id="sss"value="aaa"good="">;


  //多了一个属性为good;但是没有给其设置属性值;所以为空。


  </script>


  复制代码


  //obox.setAttribute("a","b")返回值是undifined;表示给标签里面加上一个属性a;属性值


  //为b;若设置的属性已经存在,那么仅限设置/更改值;直接设置


  //给了标签,看不到返回值,但在html页面中可以看到属性已经被添加到了标签中。


  总之,attribute是HTML标签上的特性,它的值只能够是字符串。


  

抱歉!评论已关闭.