DOM 方法

2016-11-03  本文已影响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 必须先被建立。

上一篇下一篇

猜你喜欢

热点阅读