js基础_DOM查询剩余的方法

获取body标签

var mybody=document.getElementsByTagName("body")[0];
console.log(mybody);
//或者下面这种方法
//var mybody=document.body;
//console.log(mybody);

在document中有一个属性body，它保存的是body的引用。

获取html标签

document.documentElement保存的是html根标签

页面中的所有元素

document.all：获取页面中的所有元素。

这样也是获取页面中的所有元素：document.getElementsByTagName(“*”);

比如：

输出结果:

根据元素的class属性值查询一组元素节点对象，document.getElementsByClassName()可以根据class属性值获取一组元素节点对象，但是该方法不支持IE8及以下的浏览器。

输出结果为3

获取class为box1中所有的div

方法1

var all=document.getElementsByClassName(“divClass”);
console.log(all[0].children);

document.querySelector();

—-需要一个css选择器的字符串作为参数，可以根据一个css选择器来查询一个元素节点对象，虽然IE8中没有getElementsByClassName()，但是可以使用document.querySelector()代替。使用该方法总会返回唯一的一个元素，如果满足条件的元素有多个，那么它只会返回第一个

比如：
获取class为box1中所有的div

    
        
        
        
    
    
        

            
ff
        
        

    

document.querySelectorAll();

该方法和querySelector()方法用法类似，不同的是它会将符合条件的元素封装到一个数组中返回。即使符合条件的元素只有一个，它也会返回数组。
比如：

        
        
        

    
        

            
ff
        
        

        

        

    

输出结果为3