js跟php增加删除信息,怎样操作JS动态添加标签与删除标签

这次给大家带来怎样操作JS动态添加标签与删除标签，怎样操作JS动态添加标签与删除标签的注意事项有哪些，下面就是实战案例，一起来看一下。

1.p标签

1

添加

2.jsfunction myFun9() {

var mp3 = document.getElementById("mp3"); //获取组件1

var eleme = document.createElement("p"); //创建组件2

var ele_content = document.createTextNode("2");//创建节点内容

eleme.appendChild(ele_content); // 组件添加节点

mp3.appendChild(eleme); //组件2加入组件1

}

==================删除==============================

删除

1

2

3

4

5

function myFun10(){

var parent=document.getElementById("mp4");

var son=document.getElementById("p1");

parent.removeChild(son);

}

补充：

下面看下js-动态生成小圆点(根据轮播图图片张数动态生成小圆点)

动态生成小圆点(根据轮播图图片张数动态生成小圆点)

Document

body,ul{

padding: 0;

margin: 0;

}

ul{

list-style: none;

}

.lunbo{

width: 730px;

height: 454px;

margin: 100px auto;

overflow: hidden;

position: relative;

}

.circle{

position: absolute;

left: 50%;

margin-left: -50px;

bottom: 10px;

}

.circle span{

display: inline-block;

width: 18px;

height: 18px;

background-color: #ccc;

text-align: center;

border-radius: 18px;

cursor: pointer;

margin-right:10px;

}

.circle span.current{

background-color: yellow;

}

window.onload = function(){

function $(id){ return document.getElementById(id); }

//动态生成轮播图小圆点

var circle = document.createElement("p");

circle.setAttribute("class","circle");

var lis = document.getElementsByTagName("li");

for(var i=0; i

var span = document.createElement("span");

span.innerHTML = i+1;

circle.appendChild(span);

}

$("scroll").appendChild(circle);

var spanChildren = circle.children;

spanChildren[0].setAttribute("class","current");

}

• 
• 
• 
• 
• 
• 

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：