本文主要介绍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中属性和属性的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！
