dom

内部插入 可用于动态生成标签，插入的内容是标签会被解析 追加到尾部 < ! doctype html > < html lang = "zh-cn" > < head > < meta charset = "UTF-8" > < title > jquery < / title > < script src = "jquery.js" > < / script > < / head > < body > < input type = "button" id = "btn" value = "点击追加内容" > < p id = "content" > 你好 ! < / p > < script > $ ( '#btn' ) . click ( function ( ) { $ ( '#content' ) . append ( 'hello' ) ; //append方法会在元素的结尾添加指定的内容（内部） } ) ; < / script > < / body > < / html > appendTo ： 把一个元素追加到另一个元素的尾部。变成它的子元素 < body > < input type = "button" id = "btn" value = "点击追加内容" > < div id = "d" > 我爱你 < / div > < p id = "content"

5 节点操作 5.1 学习节点操作的原因 5.2 节点概述 一般地，节点至少拥有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)这三个基本属性。 元素节点 ndeType 为1 属性节点 nodeType 为2 文本节点 nodeType 为3（文本节点包含文字、空格、换行等） 在实际开发中节点操作主要操作的是元素节点 5.3 节点层级 常见的是父子兄层级关系 来源： https://www.cnblogs.com/deer-cen/p/12232058.html

1.节点 -- 网页中的所有内容都是节点（标题、属性、文本、注释等），在Dom中，节点使用node来表示。 -- Dom树中所有节点可以通过JS来访问，所有节点可被修改，创建删除。 -- 一般，节点至少有，nodeType，nodeName，nodeValue这三个基本属性 -- 元素节点 nodeType 为 1 -- 属性节点 nodeType 为 2 -- 文本节点 nodeType 为 3 （包括文字，空格，换行） 在实际开发中，节点操作的是元素节点 2.父级节点 -- node.parentNode -- parentNode 属性可以返回某节点的父级节点，最近的父级节点（亲爸爸） -- 如果指定的节点没有父级节点则返回null 3.子节点 3.1.parentNode.childNodes -- 返回包含指定节点的子节点的集合 -- 注意：返回值里面包含来所有的子节点，包括元素节点，文本节点等。 -- 如果只想要获得里面的元素节点，则需要专门处理，不推荐子元素节点。 3.2.parentNode.children -- 只读属性，返回所有的子元素节点，只返回子元素节点。 3.3.parentNode.firstChild （第一个子节点） -- 返回第一个子节点，找不到返回null，同样，也是包含所有的节点。 3.4.parentNode.lastChild