DOM对象的定义与基础运用

DOM对象就是当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

其作用 一是能够自主设置或改变HTML元素的值    二是能够在HTML元素上执行一系列动作。

 1.查找元素、

 document.getElementById()    通过ID

 document.getElementsByTagName()  通过标签属性

 document.getElementsByClassName()  通过class

 

 2.改变元素、

 document.getElementById().innerHTML   这种在改变后会连带显示添加的标签

 document.getElementById().innerText     这种在改变后会完全的显示修改的内容，写入标签会为文本形式一并出现

 document.getElementById().attribute= new value;        修改属性

 document.getElementById().setAttribute(attr,val);         修改属性

 document.getElementById().style.property= new style; 修改样式