本文主要介绍js中属性和属性的用法和区别。属性可以获取对象中的一个属性，Attributes属性返回指定节点属性的集合。本文通过示例代码详细介绍了它。让我们跟着边肖学。
一：Attribute的几种用法和含义（attributes和Attribute都是用来操作属性的）
GetAttribute:获取一个属性的值；
SetAttribute:创建一个属性，同时给属性绑定一个值；
CreateAttribute:仅创建一个属性；
删除一个属性；
GetAttributeNode:获取一个节点作为对象；
SetAttributeNode:创建一个节点；
删除一个节点；
1.getAttribute：
身体
div id='t '输入类型='hidden' id='sss '值='aaa'/div
/body
脚本
var d=document . getelementbyid(' SSS ')。get attribute(“value”)；
console . log(d)//AAA；
/脚本
得到的返回值是属性值。
2.setAtribute：
div id='t '输入类型='hidden' id='sss '值='aaa'/div
/body
脚本
var d=document . create attribute(' good ')；
document.getElementById('sss ')。setAttributeNode(d)；
alert(document . getelementbyid(' t ')。innerHTML)//弹出框输入type=' hidden ' id=' SSS ' value=' AAA ' good=' '；//多一个属性就好；但是没有为它设置属性值；所以是空的。
/脚本
//obox.setAttribute('a '，' b ')返回值未定义；向标签添加属性a；属性值
//是b；如果设置的属性已经存在，则只能设置/更改值；直接设置
//给定标签，看不到返回值，但是可以在html页面中看到属性已经添加到标签中。
3.createAttribute:
身体
div id='t '输入类型='hidden' id='sss '值='aaa'/div
/body
脚本
var d=document . create attribute(' good ')；
document.getElementById('sss ')。setAttributeNode(d)；
alert(document . getelementbyid(' t ')。innerHTML)//弹出框输入type=' hidden ' id=' SSS ' value=' AAA ' good=' '；
//多了一个属性，属性值为空。
/脚本
4.removeAttribute:
身体
div id='t '输入类型='hidden' id='sss '值='aaa'/div
/body
脚本
var d=document . getelementbyid(' SSS ')。getAttributeNode(' value ')console . log(d)//value=' AAA '
document.getElementById('sss ')。remove attributenode(d)；
alert(document . getelementbyid(' t ')。innerHTML)；//弹出框输入type=' hidden ' id=' sss
//删除标记中的属性值
/脚本
getAttribute、setAttribute、createAttribute和removeAttribute的概念很容易理解，使用方法也很简单。只有以下几点需要注意：
1.createAttribute使用的时候不需要基于对象，document.createAttribute()就可以了。
2.使用setAttribute时，createAttribute，如果使用的话，不要使用名称、类型、值等词语。
3.使用createAttribute时，如果只定义了名称，则没有d.nodeValue=' hello语句定义了值，FF将被视为空字符串，即未定义。
GetAttributeNode、setAttributeNode和removeAttributeNode的特点都是直接操作一个节点。
示例：
身体
div id='t '输入类型='hidden' id='sss '值='aaa'/div
/body
脚本
var d=document . create attribute(' good ')；
document.getElementById('sss ')。setAttributeNode(d)；
alert(document . getelementbyid(' t ')。innerHTML)；//弹出框输入type=' hidden ' id=' SSS ' value=' AAA ' good=' '；
/脚本
setAttributeNode()方法用于添加一个新的属性节点。参数：attributenode您必须填写要添加的属性节点。
如果元素中已经存在具有指定名称的属性，它将被新属性替换。如果新属性替换现有属性，将返回被替换的属性，否则将返回NULL。
======================================================================
二：attributes的用法：
属性可以获取对象中的属性，并将其作为对象调用。注意这里要用“]”；attributes属性返回指定节点属性的集合。您可以使用length属性来确定属性的数量，然后可以遍历所有属性节点来提取您想要的信息。每个属性都是一个可用的属性节点对象。
节点，前缀必须是Node。
对象。attributes //获取所有属性节点并返回一个数组(伪数组)
身体
div id='t '
输入类型='text' id='sss' value='aaa '
/body
脚本类型='文本/javascript '
var a=document . getelementbyid(' SSS ')。属性；
console . log(a)；//NamedNodeMap {0:类型，1: id，2:值，类型：类型，id: id，值：值，长度：3 }；//attributes获取所有属性节点并返回一个数组(伪数组)；
//attributes可以从对象中获取属性，并将其作为对象调用。请注意，这里应该使用“[]”。
var d=document . getelementbyid(' SSS ')。属性[' value ']；
console.log(类型为d)；//对象
console . log(d)；//value=' AAA '；
document . write(d . name)；//显示值
doc . write(d . value)；//显示aaa
/脚本
身体
div class=' box ' a=' 10 ' b=' 20 ' id=' cont '/div
/body
脚本
var obox=document.querySelector('。框’)；
console . log(obox . attributes[3])//id=' cont '；
console . log(type of obox . attributes[3])//object；
console.log(obox.attributes[3])。nodeName)；//id；显示数组中第四个属性的属性名。
console.log(obox.attributes[3])。nodeValue)；//cont；显示数组中第四个属性的属性值。
console.log(obox.attributes[3])。nodeType)；//2;节点属性的返回值是2
/脚本
关于js中属性和属性的用法和区别的这篇文章到此为止。有关js中属性和属性的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。