一名前端工程师的自学之路！Js篇（01-11更新）

大家如果需要什么前端学习的资源的话，私信我。（虽然我知道，收藏了也不看，给了也不看的，但是说不定哪天能帮到你呢～）

dom---document ，objec，model （文档对象模型）

html元素是根节点

所有的html元素都称为 元素节点

所有元素节点的内容称为 文本节点（内容部分）

所有的元素节点的属性 称为 属性节点

一切都是节点

节点关系（查找html元素）

父节点： parentNode

兄弟节点：

previousElementSibling 前一个兄弟节点 -- 高版本浏览器 previousSibling --- 低版本浏览器 （后面所有的同理）

nextElementSibling 后一个兄弟节点 nextSibling

孩子节点：

firstElementChild 第一个孩子节点 firstChild

lastElementChild 最后一个孩子节点 lastChild

childNodes 孩子节点 得到是一个集合 使用时要用下标

children 孩子节点 得到一个集合 使用是要用下标

children和childNodes区别：

children 操作的节点就是 元素节点

childNodes 会将标签后的回车作为 自己的 文本节点来操作

节点类型

元素节点 nodeType 值为 1

文本节点 nodeType 值为 3

属性节点 nodeType 值为 2

nodeType 节点类型

nodeName 节点名 （tagName 获取标签名）

nodeValue 节点值

节点动态操作（创建、 添加、删除）

1、创建一个新元素节点

document.createElement("节点名称");

2、添加创建的节点 appendChild()

父元素.appendChild(要添加的子元素)

3、创建一个文本节点

document.createTextNode("文本");

4、删除创建的元素 removeChild

父元素.removeChild( 要删除的子元素 );

5、添加创建的节点 insertBefore

父元素.insertBefore( 要添加的子元素,参照节点 );

向父元素的内容参照节点的前面添加一个新元素

注意：参数一定要写满两个，参照节点这个参数可以为null，如果参数为null，效果同appendChild

关于动态创建的元素添加事件问题

如果要给一个动态创建的元素添加事件，添加事件的代码必须和动态创建的代码在一个函数体内。如果写在函数体外部，需要用委托来实现。

嘿嘿由于健身特别累，今天就先更新到这里～

接下来是老规矩

欢迎大家持续关注。号内有多个专题，小程序（持续更新中）,Javascript（持续更新）,Vue等学习笔记。觉得有收获的可以收藏关注，欢迎骚扰，一起学习，共同进步

最后推广一下自己的小程序，如果你也喜欢锻炼的话在这里寻找你的小伙伴吧。

自律更自由，一只喜欢锻炼的程序猿，嘿嘿。

你都看到这了，不点个关注就过分了哈～