// DOM 文档对象模型(Document Object Model), W3C 组织推荐的处理可扩展标记语言的标准编程接口。
// DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作HTML和XML
// 功能的一类对象的集合,也有人称DOM是对HTML及XML的标准编程接口。
// DOM基本功能:
// 1. 查询某个元素
// 2. 查询某个元素的祖先、兄弟以及后代元素
// 3. 获取、修改元素的属性
// 4. 获取、修改元素的内容
// 5. 创建、插入和删除元素
// 获取页面元素:
// 根据 id 获取元素
// document.getElementById(ID) //获得指定ID值的对象
// 根据 class 获取元素
// document.getElementsByClassName("class")//获取指定类名的所有元素(注意返回的是数组元素)
// 根据 name 获取元素
// document.getElementsByName(Name) //获得指定Name值的所有对象(注意返回的是标签名的所有值可能是数组)
// 根据标签名获取元素
// document.getElementsByTagName() 返回带有指定标签名的对象集合。(注意返回的是标签名的所有值可能是数组)
// 根据类名获取元素
// document.querySelector("选择器")通过 css 中的选择器去选取第一个符合条件的标签元素。
// document.querySelectorAll("选择器")通过 css 中的选择器去选取所有符合条件的标签元素集合(伪数组)。
//document.body //获取 body 元素
//document.documentElement //获取 html 元素
// document.write() //动态向页面写入内容
// document.writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
// document.createElement(
// 操作元素内容:
// inner.Text 与 inner.HTML修改目标元素内容
var box = document.querySelectorAll('.box');
box.forEach(function (i) {
i.innerHTML = "123";
})
//box.innerText = '123' + '
' + '456'; // 相当于把目标标签的内容修改为123
456
//box.innerHTML = '123' + '
' + '456'; // 此时就可以识别出里面的换行语句,输出结果为:132 换行 456