js dom节点篇.ppt

  1. 1、本文档共11页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
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 获得结点名称 对于元素结

文档评论(0)

70后老哥 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档