JavaScript 之 DOM 学习笔记

DOM分为四个部分

1. 操作元素内容
2. 操作元素属性
3. 操作表单属性
4. 操作元素类名

---

获取目标元素

<div></div> // 普通标签 
<div class="box"></div> // 含类标签 
<div id="box"></div> // 含id标签 

// 通过id获取 
var box = document.getElementById('id');//获取盒子3 

// 通过class获取 
var box2 = document.getElementsByClassName('box');//获取盒子2
 
// 通过标签名获取 
var box = document.getElementsByTagName('div');//获取盒子1

获取目标元素内容

<div id="box">你好！！</div>

alert(box.innerHTML);