0713-JS(九九乘法表，DOM)

DOM： 全称；document object model

DOM中获取元素的方法

• 1.id获取：var oDiv=document.getElementById('tab1');
• 注意只能用document；
• 2.class获取：var oDiv=documents.getByClassName('tab1');
  • 可以限定范围的获取元素。
• 3.tagName获取：var oDiv=documents.getByTagName('tab1')[0];
  • 可以限定范围的获取元素。
• 4.querySelect获取： var oDiv=document.querySelector();
  • tag
  • ‘#id’
  • .class
• 5.querySelectAll : var oDiv=document.querySelector()[];注意：querySelectAll获取的是一组元素，即使页面中只有唯一的一个id，也需要加[];
  • tag
  • ‘#id’
  • .class
• 一共9种方法。

节点

节点	nodeType	nodeName	nodevalue
元素节点	1	大写的标签名	null
文本节点	3	"#text"	文本内容
注释节点	8	#comment	注释内容
document节点	9	#document	null

节点关系

• children 子元素
  • 一般情况兼容。但是在IE7/8下，如果有注释的话，拿到的是不准确的；
• childNodes 拿到所有子节点
• parentNode 父元素，拿的是结构上的父级；
• previousSibling 上一个哥哥的节点
• nextSibling 下一个弟弟的节点

parentNode 父元素

同步

封装

• getChildren 获取当前容器下，所有的子元素；
  • 实际能拿到所有的孙子辈的
• pre() 获取当前元素的上一个哥哥元素；

  111111111111
    

    

    

    



    

    

    

    

    

封装上一个哥哥元素

第1个div
    111111
    22222
    33333
    
第2个div
    
第3个div
    
第4个div
    
第5个div

封装下一个弟弟元素

    
1
    
    
    
2
    
    
    
3
    
    
    
4
    
    
    
5
    
    
    
6

九九乘法表