1.知识点
初识DOM之前，先了解一下什么是原生。
原生js：不需要借助jQuery的帮助，直接手写js代码。
普通js：会引入jQuery相关的功能插件。
DOM：document object model，文档对象模型，它可以理解为是整个节点树最外层的根元素。
节点树：节点相当于标签。节点之间的关系称之为 "节点数 "。例如，节点数像一棵大树在底下扎根。
DOM是js语言中内置的document对象，它是引用类型的，也提供了很多的属性和方法。
DOM对象经常用来操作节点(标签)。例如，它可以操作节点样式、属性、文本等。
2.代码展示
<!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>DOM的常用属性</title>
</head>
<body>
</body>
</html>
<script>
console.log(document);
console.log(typeof document);
//DOM官方提供的常用属性：
//documentElement：获取到节点树的HTML标签
console.log(document.documentElement);
//head：获取到节点树的head标签
console.log(document.head);
//title：获取到节点树的title标签的文本
console.log(document.title);
//body：获取到节点树的body标签
console.log(document.body);
</script>
3.效果图
4.图形理解节点
篇章
上一篇：css3教程10-实战案例
下一篇：DOM教程2-常用方法
扫一扫
8141
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
