js笔记（11）

1.DOM查询

innerText

该属性可以获取到元素内部的文本内容

它和innerHTML类似，不同的是它会自动将html标签去掉

previousSibling  获取前一个兄弟节点，也可能获取到空白的文本

previousElementSibling     获取前一个兄弟元素，IE8及以下不支持

 2.dom查询的剩余方法

1）在document中有一个属性body，它保存的是body的引用，可以直接获取body元素

var body=document.body;

2）document.documentElement  保存的是html根标签

3）document.all代表页面中的所有元素

也可以用document.getElementsByTagName("*")

4）根据元素的class属性查询一组元素节点对象

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

5）document.querySelector( )

需要一个选择器的字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象

var div=document.querySelector(".box div");

获取box中的div

虽然IE8中没有getElementsByClassName( )  但是可以使用querySelector( )

使用该方法总是会返回唯一的一个元素，如果满足条件的元素有多个，那么它只会返回第一个

6）

3. dom增删改方法

 

 

 

 

 

 

 

 4.操作内联样式

 

 

 

        window.onload=function(){
            var box1=document.getElementById("box1");
            var btn01=document.getElementById("btn01");
            btn01.onclick=function(){
                box1.style.width="300px";
                box1.style.height="300px";
                box1.style.backgroundColor="yellow";
            }