JavaScript动态添加div的方法

来源：动视网责编：小采时间：2020-11-27 20:33:30

JavaScript动态添加div的方法

JavaScript动态添加div的方法:利用JavaScript动态添加p的方式有很多，以下是个比较常用的。一、在一个p前添加p<html> <body> 1 2

推荐度：

导读JavaScript动态添加div的方法:利用JavaScript动态添加p的方式有很多，以下是个比较常用的。一、在一个p前添加p<html> <body> 1 2

利用JavaScript动态添加p的方式有很多，以下是个比较常用的。

一、在一个p前添加p

<html>
 <body>
 <p id="a"> 
 <p id="a1">1</p> 
 <p id="a2">2</p> 
 </p> 
 <a href="javascript:addp();">test</a> 
 </body>
<script type="text/javascript"> 
 function addp(){
 var newNode=document.createElement("p"); 
 newNode.setAttribute("id","a3"); 
 var txtNode=document.createTextNode("3"); 
 newNode.appendChild(txtNode); 
 
 document.getElementById("a").insertBefore(newNode,document.getElementById("a2")); 
 
 alert(document.getElementById("a").innerHTML) 
}
 </script> 
</html>

更多相关教程请访问 JavaScript视频教程

JavaScript动态添加div的方法

JavaScript动态添加div的方法:利用JavaScript动态添加p的方式有很多，以下是个比较常用的。一、在一个p前添加p<html> <body> 1 2

推荐度：

点击下载本文 文档为doc格式

标签：方法动态 js

热门焦点

JavaScript动态添加div的方法

JavaScript动态添加div的方法

JavaScript动态添加div的方法

最新推荐

猜你喜欢

热门推荐