JS Attribute属性操作详解_
  下面我就为大家带来一篇JS Attribute属性操作详解。我觉得挺不错的，现在就分享给大家，也给大家做个参考。
  Attribute是属性的意思，文章仅对部分兼容IE和FF的Attribute相关的介绍。
  attributes：猎取一个属性作为对象
  getAttribute：猎取某一个属性的值
  setAttribute：建立一个属性，并同时给属性捆绑一个值
  createAttribute：仅建立一个属性
  removeAttribute：删除一个属性
  getAttributeNode：猎取一个节点作为对象
  setAttributeNode：建立一个节点
  removeAttributeNode：删除一个节点
  attributes可以猎取一个对象中的一个属性，并且作为对象来调用，留意在这里要用法“[]”，IE在这里可以用法“()”，考虑到兼容性的问题，要用法“[]”。关于attributes属性的用法方式上，IE和FF有巨大的分歧，在此不多介绍。
  attributes的用法方法：（IE和FF通用）
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
html input type属性  var d = ElementById("sss").attributes["value"];
  document.write(d.name);
  document.write(d.value);
  //显示value aaa
  /script
  getAttribute，setAttribute，createAttribute，removeAttribute四兄弟的概念比较简单理解，用法方法也比较简洁，唯一需要留意这几点：
  1、createAttribute在用法的时候不需要基于对象的，ateAttribute()就可以。
  2、setAttribute，createAttribute在用法的时候不要用法name，type，value等单词，IE和FF的反应都惊奇的难以理解。
  3、createAttribute在用法的时候假如只定义了名字，没有d.nodeValue = "hello";语句定义值，FF会认为是一个空字符串，IE认为是undefined，留意到这点就可以了。
  getAttribute的用法方法：
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ElementById("sss").getAttribute("value");
  document.write(d);
  //显示 aaa
  /script
  setAttribute的用法方法：（你会发觉多了一个名为good的属性hello）
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ElementById("sss").setAttribute("good","hello");
  ElementById("t").innerHTML)
  /script
  createAttribute的用法方法：（多了一个名为good的空属性）
  head
    meta charset="UTF-8"
    title/title
    script
    load = function (){
      var oBox = ElementById('box');
      alert( document.body.innerHTML );
      oBox.setAttribute('value','name');
      alert( document.body.innerHTML );
      attr = ateAttribute('hallo');
      alert( document.body.innerHTML );/*同上*/
      deValue = 'world';/*对自定义属性进行编辑*/
      alert( document.body.innerHTML );/*同上*/
      oBox.setAttributeNode(attr);/*对标签插入自定义属性*/
      alert( document.body.innerHTML );/*转变*/
    };
    /script
  /head
  body
    ul id="box"
    /ul
  /body
  removeAttribute的用法方法：（少了一个）
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ElementById("sss").removeAttribute("value");
  ElementById("t").innerHTML)
  /script
  getAttributeNode，setAttributeNode，removeAttributeNode三个方法的特点是都挺直操作一个node（节点），removeAttributeNode在一开头的时候总会用错，但是充分理解了node的含义的时候，就能够应用自如了。
  getAttributeNode的用法方法：
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ElementById("sss").getAttributeNode("value");
  document.write(d.name);
  document.write(d.value);
  //显示 value aaa
  /script
  setAttributeNode的用法方法：
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ateAttribute("good");
  ElementById("sss").setAttributeNode(d);
  ElementById("t").innerHTML);
  /script
  removeAttributeNode的用法方法：
  body
  div id = "t"input type = "hidden" id = "sss" value = "aaa"/div
  /body
  script
  var d = ElementById("sss").getAttributeNode("value")
  ElementById("sss").removeAttributeNode(d);
  ElementById("t").innerHTML);
  /script
  更多的关于attributes属必性问题，可在w3school中查询！
  以上这篇JS Attribute属性操作详解就是我分享给大家的全部内容了，盼望能给大家一个参考
           
                              ...
           

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。