程序博客网 > 好奇心日报用户量数据

javascript中如何改变文档树

来源：互联网发布：好奇心日报用户量数据编辑：程序博客网时间：2024/05/19 01:08

一段简单的HTML代码如下：

<html><head><title>Hacking JavaScript</title></head><body><h1>Hello world!</h1><p>I am a JavaScript hacker!</p></body></html>

页面显示为：

加入一段javascript后代码如下：

<html><head><title>Hacking JavaScript</title></head><body><h1>Hello world!</h1><p>I am a JavaScript hacker!</p><script>var a=document.getElementsByTagName("h1")[0];var b=document.getElementsByTagName("p")[0];a.parentNode.insertBefore(b,a);</script></body></html>

页面显示变成了：

其中javascript代码中的

a.parentNode.insertBefore(b,a);

是a的父节点中进行插入节点操作，方法insertBefore(node1,node2)的意思是插入node1在node2之前，语序读起来感觉像倒装，不过容易记忆。
<h1>和<p>节点在DOM树和浏览器窗口里都互换了位置。这显示了W3C DOM的强大的功能：树的任何改变都会立即被浏览器渲染，并呈现给用户。

好奇心日报用户量数据

好奇心日报用户量数据

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子炒不烂子不烂子豆角不烂子不烂子的家常做法不烂子怎样蒸的不粘葱香拨烂子拨烂子土豆拨烂子土豆拨烂子怎么做不粘炒不烂子的家常做法不烂子的家常做法大全正宗炒不烂子的做法豆子快速煮烂小窍门拨烂子的家常做法烈火焚身纹丝不动谁烈火焚身纹丝不动想不想修真大焚天不煽情爽你狠姐狠浪爽姐晕倒姐兰州中山桥王姐爽记不小心让狗上了狗伸进阴里很舒服爽我和狗不爽猫不爽猫高清图你也不必牵强再说爱我牵强牵强是什么意思牵强读音那牵强的借口蓦然又回首是牵强的笑容狗突然不精神不吃不喝不理人以理服人天蝎男不理人梦见喜欢的人不理我女朋友不理人几天正常不愿意理你的人就别去打扰不去打扰一个不想理你的人不理解