《JS高级程序设计》——10.DOM

2019-01-02  本文已影响2人  向布谷鸟说早安

节点属性:

每个节点都有一个nodeType属性:
1:ELEMENT_NODE
9:DOCUMENT_NODE
3:TEXT_NODE
nodeName:元素的标签名
每个节点都有一个childNodes属性:其中保存着一个NodeList对象
每个节点都有一个ownerDocument属性:其中保存着节点所在的文档节点,而不用层层遍历获取顶层节点

节点关系:

firstChild
lastChild
childNodes 是一个NodeList对象(类似下文的HTMLCollection)
nextSibling(nextElementSibling)
previousSibling(previousElmentSibling)
这些节点关系都会包括换行,注释等特殊符号,除了nextElementSibling和previousElmentSibling

节点操作
插入
appendChild,insertBefore
替换
replaceChild
移除
removeChild
克隆
cloneNode

Document类型:

(HTMLDocument)
nodeType 9
nodeName #document
ownerDocument null

document.documentElement (html)
document.childNodes[1] html
document.lastChild html

document.body
document.doctype

document.title
document.URL
document.domain
document.referrer

以下方法取得的内容是一个HTMLCollection集和(类数组对象)
document.getElementByID()
document.getElementsByTagName()
document.getElementsByName()

Element类型

id
title
class
style
事件

getAttributes
setAttributes
element.xxx

上一篇下一篇

猜你喜欢

热点阅读