什么是DOM

  1. W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、样式和结构。
  2. HTML Dom是关于如何增,删,改,查 HTML 元素的标准。
  4. DOM的支持性:凡是好用的IE9以下都不支持
  5. DOM:document object model
  6. HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：

DOM.png

  1. <p id="test">hello world</p>
  2.     <script>
  3.         /* html标签  --节点 */
  4.         /* DOM树  就是由一个个节点组成
  5.         节点的关系: 父子关系,兄弟关系
  6.         1.获取获取一个DOM 如何获取一个html元素
  7.          */
  8.         var test = document.getElementById("test");
  9.         /* 2.改变背景色 */
  10.         test.style.backgroundColor = "#333";
  11.         console.log(test);
  12.     </script>

image.png