美文网首页
DOM 方法

DOM 方法

作者: 那么点卷 | 来源:发表于2016-11-03 13:43 被阅读0次


    document.getElementByTagID(Tagname) 

    1.因为文档中的 id 属性是唯一,所有 document.getElementByTagID() 方法返回的是一个元素。

    document.getElementsByName(name)  

    1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。

    document.getElementsByTagName(Tagname)

    1. Tagname是标签的名称,如p、a、img等标签名。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。

    elementNode.getAttribute(name)

    1. name:要想查询的元素节点的属性名字

    elementNode.setAttribute(name,value)

    1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

    2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。

    nodeType: 元素=1、属性=2、文本=3、注释=8、文档=9

    elementNode.childNodes

    1.如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。

    2.部分浏览器节点之间的空白区域,为空白符,需要判断if(nodeType != 1)。

    node.firstChild

    1.属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    2.与elementNode.childNodes[0]是同样的效果。

    node.lastChild

    1.属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

    2.与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

    elementNode.parentNode

    1.父节点只能有一个。

    2.访问祖节点elementNode.parentNode.parentNode。

    nodeObject.nextSibling

    1.如果无此节点,则该属性返回 null。

    nodeObject.previousSibling

    1.如果无此节点,则该属性返回 null。

    appendChild(newnode)

    insertBefore(newnode,node);

    node.replaceChild (newnode,oldnew )

    1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。

    2. newnode 必须先被建立。

    相关文章

      网友评论

          本文标题:DOM 方法

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