美文网首页
js DOM(4)

js DOM(4)

作者: 浮若年华_7a56 | 来源:发表于2018-08-01 10:17 被阅读0次

    属性本身就是一个对象(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() 用于父节点将相邻的两个文本节点合并。

    相关文章

      网友评论

          本文标题:js DOM(4)

          本文链接:https://www.haomeiwen.com/subject/zudlvftx.html