DOM中元素获取的方式
- id获取：var oDiv=document.getElementById('div1'); 注意，只能用document;
- class获取：document.getElementsByClassName('haha'); 可以限定范围的获取元素
- tagName:可以限定范围的获取元素
- querySelect
- tag
- '#'id
- .class
- querySelectAll; 注意，querySelectAll获取到的是一组元素，即使是页面中唯一的id，也得加[];
节点
|nodeType |nodeName | nodeValue|
---|---
文本节点 | 3 | "#text" | 文本内容
元素节点 | 1|大写的标签名| null
注释节点 | 8| #comment |注释内容
document节点 | 9|#document| null
节点关系
- children 子元素
- 一般情况兼容，但是在IE7／8下，如果有注释的话，拿到的是不准确的；
- childNodes 拿到所有的子节点
- parentNode 父元素； 拿的是结构上的父级；
- previousSibling 上一个哥哥节点
- nextSibling 下一个弟弟节点
久久乘法表 + 扩展
圆梦源：勿忘初心，方得始终
getChildren
圆梦源：勿忘初心，方得始终
previouseSbling
圆梦源：勿忘初心，方得始终
第1个div
111111
22222
33333
第2个div
第3个div
第4个div
第5个div