JS Attribute属性操作详解_

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

var d =

mentById("sss").attributes["value"];

();

();

//显示value aaa

/script

getAttribute，setAttribute，createAttribute，removeAttribute四兄弟的概念比较简单理解，用法方法也比较简洁，唯一需要留意这几点：

1、createAttribute在用法的时候不需要基于对象的，Attribute()就可以。

2、setAttribute，createAttribute在用法的时候不要用法name，type，value等单词，IE和FF的反应都惊奇的难以理解。

3、createAttribute在用法的时候假如只定义了名字，没有lue = "hello";语句定义值，FF会认为是一个空字符串，IE认为是undefined，留意到这点就可以了。

getAttribute的用法方法：

body

div id = "t"input type = "hidden" id = "sss" value

= "aaa"/div

/body

script

var d =

mentById("sss").getAttribute("value");

(d);

//显示 aaa

/script

setAttribute的用法方法：（你会发觉多了一个名为good的属性hello）

body

div id = "t"input type = "hidden" id = "sss" value

= "aaa"/div

/body

script

var d =

mentById("sss").setAttribute("good","hello");

alert(mentById("t").innerHTML)

/script

createAttribute的用法方法：（多了一个名为good的空

属性）

head

meta charset="UTF-8"

title/title

script

= function (){

var oBox = mentById('box');

alert( TML );

ribute('value','name');

alert( TML );

attr = Attribute('hallo');

alert( TML );/*同上*/

lue = 'world';/*对自定义属性进行编辑*/

alert( TML );/*同上*/

ributeNode(attr);/*对标签插入自定义属性*/

alert( TML );/*转变*/

};

/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 =

mentById("sss").removeAttribute("value");

alert(mentById("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 =

mentById("sss").getAttributeNode("value");

();

();

//显示 value aaa

/script

setAttributeNode的用法方法：

body

div id = "t"input type = "hidden" id = "sss" value

= "aaa"/div

/body

script

var d = Attribute("good");

mentById("sss").setAttributeNode(d);

alert(mentById("t").innerHTML);

/script

removeAttributeNode的用法方法：

body

div id = "t"input type = "hidden" id = "sss" value

= "aaa"/div

/body

script

var d =

mentById("sss").getAttributeNode("value")

mentById("sss").removeAttributeNode(d);

alert(mentById("t").innerHTML);

/script

更多的关于attributes属必性问题，可在w3school中查询！

以上这篇JS Attribute属性操作详解就是我分享给大家的全部内容了，盼望能给大家一个参考

...