Dom获取 属性操作

目录

1.document.querySelector

2.document.querySelector

 3. innerText 和 innerHTML

4.操作元素属性

1.操作常用属性

2.操作样式属性

3.className 操作

4.classList 操作

5. 操作表单元素 属性

6.自定义属性

7.定时器-间歇函数

---

DOM（Document Object Model——文档对象模型）是浏览器提供的一套专门用来 操作网页内容 的功能

DOM树描述网页内容关系的名词      文档树直观的体现了标签与标签之间的关系

DOM对象    :  游览器根据html标签生成的JS对象

                

                        所有标签属性都可以在这个对象上面找到

                        修改这个对象的属性会自动映射到标签身上

1.document.querySelector

匹配的是第一个元素      如果没有匹配到，则返回null。

可以直接操作修改

语法: 

2.document.querySelector

 获取到的是一个伪数组 ,没有获取到是一个空数组  伪数组里面的元素才是我们要的DOM对象

之所以是伪数组,因为不能添加删除里面的内容

需要通过数组的下标进行修改

语法 :

 列如 :

 3. innerText 和 innerHTML

只针对与双标签

    innerText 只针对文本 ,不解析标签

    innerHTML