DOM: 是文档对象模型,页面所以操作都需要找DOM
DOM节点类型、名称、值
nodeType | nodeName | nodeValue | |
---|---|---|---|
元素节点 | 1 | 大写标签名 | null |
属性节点 | 2 | 属性名 | 属性值 |
文本节点 | 3 | #text | 文本内容 |
注释节点 | 8 | #comment | 注释内容 |
文档节点 | 9 | #document | nul |
获取元素节点方式
document.getElementById(“id名”) 返回第一个
document.getElementsByClassName(“class名”)返回【数组】
document.getElementsByTagName(“标签名”)返回【数组】
document.getElementsByName(“名”)返回【数组】
document.querySelector(“CSS选择样式”) 返回第一元素
document.querySelectorAll(“CSS选择样式”) 返回数组】
关系选择器
[node].childNodes:获取所以子节点
[node].children:获取所以元素子节点
[node].parentNode:获取父节点
[node].firstChild:第一个子节点
[node].lastChild:最后一个子节点
[node].previousSibling:前一个节点
[node].nextSibling: 后一个节点
[node].attributes:获取所以属性节点