JavaScript动态添加div的方法
程序员文章站
2022-05-18 22:16:10
...
利用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中数组（Array)对象和字符串（String)对象的常用方法总结
-
CentOS添加和删除用户以及用户组的方法
-
Centos7学习之添加用户和用户组的方法
-
万兴神剪手中如何添加视频片段？使用万兴神剪手添加视频片段的方法
-
Drupal 添加模块出现莫名其妙的错误的解决方法（往往出现在模块较多时）
-
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
-
vue favicon设置以及动态修改favicon的方法
-
Linux下独立添加PHP扩展模块mbstring的方法