属性本身就是一个对象(Attr对象),但是实际上我们都是操作的Element对象来进行操作属性。
Element.id
Element.src
获取元素的属性分为两种类型:
1-获取元素常见的属性(class,id,type,value……)
2-获取自定义的元素的属性(data-value,data-mess…….)
Element.attibutes返回一个伪数组,包含了当前元素所有的属性名。
Element.getAttribute()
获取某个属性。没有则返回null
Element.getAttributeNames()
获取所有属性名。返回一个数组。没有则返回空数组。
与Element.attributes区别,Element.attributes返回伪数组。
Element.setAttribute()
用于添加或者修改属性。传两个值。要更改的属性值总是字符串,如果不是字符串,则会转化为字符串。
Element.hasAttribute()
用来检测某个属性是否存在。返回一个布尔值。
Element.removeAttribute()
用来移除指定的属性。
js中DOM的自定义属性方法有:
1、设置自定义属性:setAttribute
2、获取自定义属性:getAttribute
3、移出自定义属性:removeAttribute
文本节点(Text)代表元素节点(Element)和属性节点(Attribute)的文本内容。
data
data属性与textValue一样,用来设置或读取文本节点内容。
wholeText
wholeText属性将当前文本节点与相邻的文本节点,作为一个整体返回。大多数情况下,wholeText属性的返回值,与data属性和textContent属性相同。
length
返回当前文本节点的长度。
appendData():在Text节点尾部追加字符串。
deleteData():删除Text节点内部的子字符串,第一个参数为子字符串开始位置,第二个参数为子字符串长度
insertData():在Text节点插入字符串,第一个参数为插入位置,第二个参数为插入的子字符串。
replaceData():用于替换文本,第一个参数为替换开始位置,第二个参数为需要被替换掉的长度,第三个参数为新加入的字符串。
substringData():用于获取子字符串,第一个参数为子字符串在Text节点中的开始位置,第二个参数为子字符串长度。
remove() 用于移除文本节点
splitText() 用于将文本节点一分为二。它的参数就是分割位置(从零开始),分割到该位置的字符前结束。如果分割位置不存在,将报错。
normalize() 用于父节点将相邻的两个文本节点合并。
网友评论