JavaScript笔记总结（Xmind格式）：第七天

Xmind鸟瞰图：

简单文字总结：

js知识总结：
DOM:document object model 文档对象模型

获取DOM节点（获取的元素都属于DOM对象）：
    1.根据ID获取元素：document.getElementById
    2.根据类名获取元素：document.getElementsByClassName
    3.根据标签名获取元素：document.getElementsByTagName
    4.获取特殊节点：
        ①获取html：document.documentElement
        ②获取body：document.body
        ③获取title：document.title

修改DOM节点的内容：
    1.innerHTML可以识别标签
    2.innetText 不可以识别标签

修改css样式：
    1.元素.style.样式名 = '样式值'
    2.多个单词时第二个单词的首字母要大写

修改属性：
    1.通过 .形式修改属性
    2.修改类名和ID(修改类名时要使用className)
    3.setAttribute()设置属性
    4.getAttribute()获取属性
    5.removeAttribute()删除属性

修改属性的方法：
    1.通过js修改后的样式属于行内样式，优先级太高
    2.可以通过样式的层叠性给元素添加新的类名或id来修改元素的样式
    3.可以直接通过 .的形式或setAttribute来修改样式

操作HTML元素：
    1.写入到文档 document.write
    2.新建节点 document.createElement
    3.新建文本节点 document.createTextNode
    4.追加节点 appendChild
    5.插入节点 insertBefore 往谁里面插入，插入什么东西，插入到谁之前
    6.替换节点 replaceChild 谁里面需要替换，用谁替换 替换掉谁
    7.删除节点 removeChild删除子节点 删除自身节点remove
    8.克隆节点 cloneNode 参数为true（深拷贝）或false（浅拷贝）

根据节点之间的关系获取元素：
    1.获取父节点 parentNod
    2.获取下一个兄弟节点 nextElementSibling
    3.获取上一个兄弟节点 previousElementSibling
    4.获取第一个子节点 firstElementChild
    5.获取最后一个子节点 lastElementChild
    6.获取所有子节点 children

原文档在文章顶部直接下载！