<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="box">inner.Text 与 inner.HTML</div>
<div class="box">inner.Text 与 inner.HTML</div>
</body>
<script>
// 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(<Tag>) //用指定标签类型创建一个新的element对象)
// 操作元素内容：
// inner.Text 与 inner.HTML修改目标元素内容
var box = document.querySelectorAll('.box');
box.forEach(function (i) {
i.innerHTML = "123";
})
//box.innerText = '123' + '<br>' + '456'; // 相当于把目标标签的内容修改为123<br>456
//box.innerHTML = '123' + '<br>' + '456'; // 此时就可以识别出里面的换行语句，输出结果为：132 换行 456
</script>
</html>
229
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
