好资源导航 » 文章资讯 » 浅谈js中的attributes和Attribute的用法与区别

浅谈js中的attributes和Attribute的用法与区别

2023-07-20 17:00:04 55

一：Attribute的几种用法和含义（attributes和Attribute都是用来操作属性的）

getAttribute：获取某一个属性的值；
setAttribute：建立一个属性，并同时给属性捆绑一个值；
createAttribute：仅建立一个属性；
removeAttribute：删除一个属性；
getAttributeNode：获取一个节点作为对象；
setAttributeNode：建立一个节点；
removeAttributeNode：删除一个节点；

1.getAttribute：

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

2.setAtribute：

//obox.setAttribute("a","b")返回值是undifined;表示给标签里面加上一个属性a;属性值
//为b;若设置的属性已经存在，那么仅限设置/更改值;直接设置
//给了标签,看不到返回值，但在html页面中可以看到属性已经被添加到了标签中。

3.createAttribute:

4.removeAttribute:

getAttribute，setAttribute，createAttribute，removeAttribute四兄弟的概念比较容易理解，使用方法也比较简单，唯一需要注意这几点：
1、createAttribute在使用的时候不需要基于对象的，document.createAttribute()就可以。
2、setAttribute，createAttribute在使用的时候如果是使用的时候不要使用name，type，value等单词.
3、createAttribute在使用的时候如果只定义了名字，没有d.nodeValue="hello";语句定义值，FF会认为是一个空字符串，IE认为是undefined。

getAttributeNode，setAttributeNode，removeAttributeNode三个方法的特点是都直接操作一个node（节点）。

例：

setAttributeNode()方法用于添加新的属性节点。参数：attributenode;必须填写你要添加的属性节点。

如果元素中已经存在指定名称的属性，那么该属性将被新属性替代。如果新属性替代了已有的属性，则返回被替代的属性，否则返回NULL。

======================================================================

二：attributes的用法：

attributes可以获取一个对象中的一个属性，并且作为对象来调用，注意在这里要使用“[]”；attributes属性返回指定节点属性的集合。你可以使用length属性确定属性的数量，然后你可以遍历所有的属性节点提取你想要的信息。每个属性都是可用属性节点对象。

节点的方法，前缀一定是节点。

对象.attributes//获得所有属性节点，返回一个数组（伪数组）






vara=document.getElementById("sss").attributes;
console.log(a);//NamedNodeMap{0:type,1:id,2:value,type:type,id:id,value:value,length:3};//attributes获得所有的属性节点,返回一个数组(伪数组);
//attributes可以获取一个对象中的一个属性，并且作为对象来调用，注意在这里要使用“[]”
vard=document.getElementById("sss").attributes["value"];
console.log(typeofd);//object
console.log(d);//value="aaa";
document.write(d.name);//显示value
document.write(d.value);//显示aaa

到此这篇关于浅谈js中的attributes和Attribute的用法与区别的文章就介绍到这了,更多相关js中attributes和Attribute内容请搜索毛票票以前的文章或继续浏览下面的相关文章希望大家以后多多支持毛票票！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

浅谈js中的attributes和Attribute的用法与区别

热门推荐

随机推荐