JS 基础之DOM操作（元素的选择、创建、插入等）

获取元素

• document.getElementById id元素可以直接拿id 作为变量直接用
• document.getElementsByTagName 标签名
• document.getElementsByClassName 只支持ie8以上的浏览器
• document.getElementsByName 选择属性name的元素
• children 获取dom元素的第一层子集
• parentNode 获取dom元素的父集节点
• querySelector(‘id’)
• querySelectorAll(‘div’)
  低版本的IE<8不支持querySelector和querySelectorAll。IE8仅有限支持。符合选择器的语法条件

创建元素

• createElement(‘标签名’) 插入到父集元素的最下面

插入元素

• 父节点.appendChild(创建的子节点);
• insertBefore 插入到父级的下面的子元素的前面 insertBeofre(newDom,oldDom);
• replaceChild 替换元素节点 父节点.replaceChild(newDom,oldDom);
• removeChild 删除元素 使用方法 父节点.removeChild(要删除的节点)
• remove() 删除自身
• createTextNode 创建文本节点 意义不大 innerHTML更好用

内容处理

• innerHTML返回Dom的内容
• outerHTML会返回Dom本身加自己的内容 如果 = 会连dom本身也给替换了。