为了方便 javascript 语言通过 dom 操作 html 比较方便。
把 html 标签的内容划分为各种节点:
文档节点 (document)-----body 元素节点 ----- 标签 文本节点 ----- 内容 属性节点 注释节点获取元素节点(标签)通过 id 获取:
document.getElementById(id 属性值);
通过标签名来获取:
document.getElementsByName(标签名称); // 可获取多个标签
通过 name 属性获取:
document.getElementsByName(name 属性值);
通过 class 获取:
document.getElementsByClassName(class 属性值);(不推荐)
注:收集的元素都是以字符串的形式返回的
获取文本节点(Nodes:节点)
var dd = document.getElementsByTagName('div')[0];
获取兄弟节点:firstChild、lastChild: 父节点获得第一个 / 最后一个子节点
nextSibling: 获得下个兄弟节点
previousSibling: 获得上个兄弟节点
childNodes: 父节点获得内部全部的子节点信息
获取父节点节点. parentnode
操作内容来源: http://www.bubuko.com/infodetail-2453702.html