最详细的前端入门知识第15章
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.document的方法
- document.documentElement
- 获取页面的根元素（html元素）
- document.body
- 获取body元素
- document.getElementsByTagName("body")[0]
- document.all
- 获取页面中的所有元素
- document.getElementsByTagName("*")
- document.getElementsByClassName("class值")
- 根据元素的class属性查询一组元素节点对象
- 不兼容IE8及以下的浏览器
- document.querySelector()
- 根据CSS选择器查询页面中的一个对象
- document.querySelectorAll()
- 根据CSS选择器查询页面中的一组对象
- 这两个方法使用方式一样，都是需要一个选择器的字符串作为参数，
将会根据该选择器去页面中查询元素。
querySelector()只会找到第一个符合条件的元素，它的返回值是一个元素
querySelectorAll()会找到所有符合条件的元素，它的返回值是一个数组，即使只有一个符和条件它也会返回一个数组
2.DOM的修改
- 创建一个元素节点对象
- document.createElement("标签名")
- 创建一个文本节点对象
- document.createTextNode("文本内容")
- 给父节点添加子节点
- 父节点.appendChild(子节点)
- 将新的子节点插入到指定子节点的前边
- 父节点.insertBefore(新节点,旧节点)
- 使用新节点替换已有节点
- 父节点.replaceChild(新节点,旧节点)
- 删除子节点
- 父节点.removeChild(子节点)
- 子节点.parentNode.removeChild(子节点)