<h1>HTML DOM</h1>
当页面被加载时,浏览器会创建文档对象模型(Document Obiect Model)
![](https://img.haomeiwen.com/i2489344/4262a8884d1429a2.png)
![](https://img.haomeiwen.com/i2489344/f3fdb8806e97fba2.png)
<h2>JsDOM操作HTML</h2>
![](https://img.haomeiwen.com/i2489344/bcca318a29af2038.png)
![](https://img.haomeiwen.com/i2489344/43fdacd65459121c.png)
![](https://img.haomeiwen.com/i2489344/5f7f1da68ebe998b.png)
![](https://img.haomeiwen.com/i2489344/2a1766dccd61b55a.png)
如果有很多内容还是会被覆盖掉!
![](https://img.haomeiwen.com/i2489344/d0dfb6437e10cc99.png)
<h3>通过标签名寻找HTML元素</h3>
![](https://img.haomeiwen.com/i2489344/99b110df1dd661ee.png)
<h3>改变HTML的属性</h3>
使用属性attribute
中文翻译:属性
![](https://img.haomeiwen.com/i2489344/21ce20286ccd8583.png)
![](https://img.haomeiwen.com/i2489344/d7ecdb414d29ae7f.png)
<h3>通过DOM对象改变CSS</h3>
语法:
document.getElementById(id).style.property=new style
![](https://img.haomeiwen.com/i2489344/0de9584d8005e417.png)
<h3>DOM EventListener</h3>
DOM EventListener给元素添加一个事件句柄
中文翻译:事件侦听器
addEventListener()
添加一个事件句柄
removerEventListener()
删除一个事件句柄
![](https://img.haomeiwen.com/i2489344/8d23d00a8006d78f.png)
![](https://img.haomeiwen.com/i2489344/0a0acec7e3b8cec0.png)
![](https://img.haomeiwen.com/i2489344/07c878b6d38d294e.png)
网友评论