jsdom节点篇剖析.ppt

Js DOM 节点篇 @软峰科技 Document 对象属性 cookie 设置或返回与当前文档有关的所有 cookie。 domain 返回当前文档的域名。 lastModified 返回文档被最后修改的日期和时间。 referrer 返回载入当前文档的文档的 URL。 title 返回当前文档的标题。 URL 返回当前文档的 URL。 Document 对象集合 all[] 提供对文档中所有 HTML 元素的访问。 anchors[] 返回对文档中所有 Anchor 对象的引用(超链接)。 forms[] 返回对文档中所有 Form 对象引用。 images[] 返回对文档中所有 Image 对象引用。 links[] 返回对文档中所有 Area 和 Link 对象引用。 HTML DOM Element 对象 var node=document.createElement(“LI”); 创建一个新的li标签 var textnode=document.createTextNode(“Water”); 标签的内容填写Water node.appendChild(textnode); li标签里填写内容Water 在尾部添加上这个node document.getElementById(“myList”).appendChild(node); HTML DOM Element 对象 element.addEventListener() 向指定元素添加事件句柄 element.attributes 返回元素属性的 NamedNodeMap element.childNodes 返回元素子节点的 NodeList。 element.className 设置或返回元素的 class 属性。 element.cloneNode() 克隆元素。True参数连后代clone element.firstChild 返回元素的首个子节点。 element.lastChild 返回元素的最后一个子元素。 element.getAttribute() 返回元素节点的指定属性值。 element.setAttribute() 把指定属性设置或更改为指定值。 element.hasAttribute() 如果元素拥有指定属性，则返回true，否则返回 false。 element.hasAttributes() 如果元素拥有属性，则返回 true，否则返回 false。 element.hasChildNodes() 如果元素拥有子节点，则返回 true，否则 false。 element.id 设置或返回元素的 id。 element.innerHTML 设置或返回元素的内容。 element.insertBefore() 在指定的已有的子节点之前插入新节点。(新的，旧的) HTML DOM Element 对象 element.replaceChild() 替换一个子元素(新，旧) classList 属性,添加class。 document.getElementById(myDIV).classList.add(mystyle); remove element.nextSibling 返回位于相同节点树层级的下一个节点。 element.previousSibling 返回位于相同节点树层级的前一个元素。 element.nodeName 返回元素的名称。 element.nodeType 返回元素的节点类型。 1 Element 元素名 2 Attr 属性名称 属性值 3 Text #text 节点的内容 element.nodeValue 设置或返回元素值。 element.parentNode 返回父节点 HTML DOM Element 对象 二、间接引用结点 element.childNodes返回element的所有子结点,可以用element.childNodes[i]的方式来调用element.firstChild = element.childNodes[0];element.lastChild = element.childNodes[element.childNonts.length-1]; element.parentNode引用父结点 element.nextSibling; 引用下一个兄弟结点 element.previousSibling; 引用上一个兄弟结点 HTML DOM Element 对象 nodeName获得结点名称对于元素结点返回的