什么是DOM

什么是DOM

 DOM：文档对象模型

DOM能用来干什么

HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准

DOM的核心是

 document  文档对象

document对象的方法

document.getElementById("id名");   //只找到一个
document.getElementsByTagName("标签名"); //数组形式
document.getElementsByName("name值");   //数组形式
document.getElementsByClassName("类名"); //数组形式

对元素内容的操作（设置、获取内容）

    对象.innerHTML     设置或获取对象起始和结束标签内的内容（识别标签）
    对象.innerText     设置或获取对象起始和结束标签内的文字内容（不识别标签）
    对象.value         仅作用于表单

对元素属性的操作

getAttribute() (获取属性)
createAttribute() (创建属性)
setAttribute() (设置属性)
romoveAttribute() (删除属性)
element.attributes（将属性生成数组对象）

对元素样式的操作

      node.style.属性名 = "属性值"
      node.style.cssText = "属性名：属性值;属性名：属性值;......"
      node.className = "类名"            （ ******************重要）
      node.setAttribute("属性名","属性值");

DOM节点有哪些

 元素节点（标签节点）    1
 属性节点                2
 注释节点                8
 文本节点                3
 文档节点                9

节点的属性，节点之间的关系

   fristChild :返回当前节点的首个子节点
   lastChild:返回当前节点最后一个子节点
   nextSibling:返回同一层级中指定节点之后紧跟着的节点
   previousSibling:返回同一层级中指定节点之前紧跟着的节点
   parentNode:返回当前节点的父节点
   childNodes:元素节点的所有子节点的集合

节点的属性，节点的名称、类型、值

    属性节点的名称属性名
    类型是 2
    值为属性值

节点的方法，创建节点、删除节点、添加节点、插入节点、克隆节点

 一、节点创建型API
 createElement()  创建元素节点
 createTextNode()  创建文本节点
 二、页面修改形API（包括删除和添加）（删）（改）
 appendChild(追加为子元素)
 insertBefore(插入前面)
 removeChild(删除子元素)
 replaceChild(替换子元素)