Commit ce1ed09

committed

docs(dom): edit parentNode

1 parent 3898d66 commit ce1ed09Copy full SHA for ce1ed09

1 file changed

Lines changed: 23 additions & 8 deletions

File tree

docs/dom
- parentnode.md

`‎docs/dom/parentnode.md‎`

Lines changed: 23 additions & 8 deletions

Original file line number	Diff line number	Diff line change
`@@ -54,9 +54,11 @@ document.body.childElementCount // 13`
`54`	`54`
`55`	`55`	`### ParentNode.append(),ParentNode.prepend()`
`56`	`56`
`57`		-`append`方法为当前节点追加一个或多个子节点,位置是最后一个元素子节点的后面。
	`57`	`+(1)ParentNode.append()`
`58`	`58`
`59`		`-该方法不仅可以添加元素子节点,还可以添加文本子节点。`
	`59`	+`append()`方法为当前节点追加一个或多个子节点,位置是最后一个元素子节点的后面。
	`60`	`+`
	`61`	`+该方法不仅可以添加元素子节点(参数为元素节点),还可以添加文本子节点(参数为字符串)。`
`60`	`62`
`61`	`63`	```javascript
`62`	`64`	`var parent = document.body;`
`@@ -78,17 +80,25 @@ var p = document.createElement('p');`
`78`	`80`	`parent.append('Hello', p);`
`79`	`81`	```
`80`	`82`
`81`		`-注意,该方法没有返回值。`
	`83`	`+该方法没有返回值。`
	`84`	`+`
	`85`	+注意,该方法与`Node.prototype.appendChild()`方法有三点不同。
	`86`	`+`
	`87`	+- `append()`允许字符串作为参数,`appendChild()`只允许接受子节点作为参数。
	`88`	+- `append()`没有返回值,而`appendChild()`返回添加的子节点。
	`89`	+- `append()`可以附加多个子节点和字符串(即允许多个参数),`appendChild()`只能添加一个节点(即只能有一个参数)。
	`90`	`+`
	`91`	`+(2)ParentNode.prepend()`
`82`	`92`
`83`		-`prepend`方法为当前节点追加一个或多个子节点,位置是第一个元素子节点的前面。它的用法与`append`方法完全一致,也是没有返回值。
	`93`	+`prepend()`方法为当前节点追加一个或多个子节点,位置是第一个元素子节点的前面。它的用法与`append()`方法完全一致,也是没有返回值。
`84`	`94`
`85`	`95`	`## ChildNode 接口`
`86`	`96`
`87`	`97`	如果一个节点有父节点,那么该节点就拥有了`ChildNode`接口。
`88`	`98`
`89`	`99`	`### ChildNode.remove()`
`90`	`100`
`91`		-`remove`方法用于从父节点移除当前节点。
	`101`	+`remove()`方法用于从父节点移除当前节点。
`92`	`102`
`93`	`103`	```javascript
`94`	`104`	`el.remove()`
`@@ -98,7 +108,9 @@ el.remove()`
`98`	`108`
`99`	`109`	`### ChildNode.before(),ChildNode.after()`
`100`	`110`
`101`		-`before`方法用于在当前节点的前面,插入一个或多个同级节点。两者拥有相同的父节点。
	`111`	`+(1)ChildNode.before()`
	`112`	`+`
	`113`	+`before()`方法用于在当前节点的前面,插入一个或多个同级节点。两者拥有相同的父节点。
`102`	`114`
`103`	`115`	`注意,该方法不仅可以插入元素节点,还可以插入文本节点。`
`104`	`116`
`@@ -119,15 +131,18 @@ el.before(p, p1);`
`119`	`131`	`el.before(p, 'Hello');`
`120`	`132`	```
`121`	`133`
`122`		-`after`方法用于在当前节点的后面,插入一个或多个同级节点,两者拥有相同的父节点。用法与`before`方法完全相同。
	`134`	`+(2)ChildNode.after()`
	`135`	`+`
	`136`	+`after()`方法用于在当前节点的后面,插入一个或多个同级节点,两者拥有相同的父节点。用法与`before`方法完全相同。
`123`	`137`
`124`	`138`	`### ChildNode.replaceWith()`
`125`	`139`
`126`		-`replaceWith`方法使用参数节点,替换当前节点。参数可以是元素节点,也可以是文本节点。
	`140`	+`replaceWith()`方法使用参数节点,替换当前节点。参数可以是元素节点,也可以是文本节点。
`127`	`141`
`128`	`142`	```javascript
`129`	`143`	`var span = document.createElement('span');`
`130`	`144`	`el.replaceWith(span);`
`131`	`145`	```
`132`	`146`
`133`	`147`	上面代码中,`el`节点将被`span`节点替换。
	`148`	`+`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit ce1ed09

File tree

`‎docs/dom/parentnode.md‎`

0 commit comments