### DOM树就是由一个个节点组成
![](https://box.kancloud.cn/75b7bcd26a1a70165d14b0b1acbde195_377x158.png)
此处用id选择器,因为他是唯一的
* * *
获取节点
~~~
var test = document.getElementById("test");
~~~
![](https://box.kancloud.cn/610cf2ede41c25f62fb7c8e16ef2d988_1366x768.png)
改变节点
~~~
test.innerHTML = "change"
~~~
![](https://box.kancloud.cn/553a6415b87f50d506cb1e56ff942eaa_156x76.png)
- 第一章 git
- 1.1 git基本语法
- 1.2 版本回退
- 1.3 ssh的配置
- 第二章 markdown基本语法
- 第三章 HTML CSS
- 3.1 html基础知识
- 3.2 css基础
- 3.3 img垂直居中
- 3.4 清除鼠标悬停抖动
- 3.5 字体、列表、表格、文本、链接样式
- 3.6 属性继承
- 3.7 float
- 3.8 定位
- 3.9 li加边框文字移动问题
- 3.10 title旁边的小图标
- 第四章 Vue
- 4.1
- 第五章 JavaScript
- 5.1 基本语法
- 5.2 DOM事件
- 5.3 事件
- 5.4 jQuery引用
- 5.5 显示与隐藏
- 5.6 回到顶部
- 第六章 jQuery
- 6.1 基础语法