javascript之DOM对象

document方法

document.createElement(Tag) :创建一个html标签对象

document.getElementById(ID) :获得指定ID值的对象

document.getElementsByName(Name) //获得指定Name值的对象

getElementsByTagName(tagName):返回文档中指定标记名的所有Element节点,返回一个节点列表(可看成数组)

getElementByClassName(className):返回文档中指定样式名的所有Element节点,返回一个节点列表(可看成数组)

createTextNode(text):创建一个包含静态文本text的文本节点

createAttribute():用指定的名字创建新的Attr节点

createComment():用指定的字符串创建新的comment节点

节点(node)的常用属性

nodeType :节点的类型

nodeName :节点的名称

nodeValue :节点值

innerHTML :返回节点内的所有内容

parentNode :返回当前节点的父节点,如果没有父节点,则返回null

childNodes :返回当前节点的所有子节点,以数组形式存放,如果没有子节点则返回空数组

firstChild :返回当前节点的第一个子节点。如果没有子节点,则返回null

lastChild :返回当前节点的最后一个子节点,如果没有子节点,则返回null

nextSibling  :返回当前节点的下一个兄弟节点

previousSibing :返回当前节点的上一个兄弟节点

attributes :如果该节点是一个Element节点,则以nameNodeMap形式返回该元素的属性

节点方法

removeChild(childNode):从元素中删除指定的子元素

append(childNode):将指定的节点(childNode)增加到当前元素的子节点列表最后(作为一个新的子节点)

insertBefore(newNode,targetNode):将节点newNode作为当前元素的子节点插入到targetNode子节点元素的前面

replaceChild(newNode,oldNode):将节点oldNode替换为节点newNode

cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点

hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素

getAttribute(name,value)  :获得元素中的name属性的值

setAttribute(name,value):设置元素中的name属性的值

removeAttribute(name):从元素中删除属性name

hasAttribute(name):返回该素是否具有指定name名字的属性,如果有,则返回true

getAttributeNode()  :以Attr节点的形式返回指定的属性的值

setAttributeNode()  :把指定的Attr节点添加到该元素的列表中

removeAttributeNode():从元素的属性列表中删除指定的Attr节点

getNamedItem() : 返回指定的节点。常与attributes属性结合使用



郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。