JS点击动态添加标签、删除指定标签的代码     投稿：mrr   这篇文章主要介绍了JS点击动态添加标签、删除指定标签的代码，在文中给大家补充介绍了js 更加轮播图图片张数动态生成小圆点的方法，需要的朋友参考下实现代码
var mDiv3 = document.getElementById("mDiv3"); //获取组件1 var eleme = document.createElement("p"); //创建组件2 var ele_content = document.createTextNode("2");//创建节点内容 eleme.appendChild(ele_content); // 组件添加节点 mDiv3.appendChild(eleme); //组件2加入组件1 ==================删除============================== button 删除 /button div id="mDiv4" p id="p1" 1 /p p id="p2" 2 /p p id="p3" 3 /p p id="p4" 4 /p p id="p5" 5 /p /div function myFun10(){ var parent=document.getElementById("mDiv4"); var son=document.getElementById("p1"); parent.removeChild(son); }

补充：

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

动态生成小圆点（根据轮播图图片张数动态生成小圆点）

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Document /title 
 style 
 body,ul{
 padding: 0;
 margin: 0;
 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;
 /style 
 script 
 window.onload = function(){
 function $(id){ return document.getElementById(id); }
 //动态生成轮播图小圆点
 var circle = document.createElement("div"); 
 circle.setAttribute("class","circle");
 var lis = document.getElementsByTagName("li");
 for(var i=0; i lis.length; 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");
 /script 
 /head 
 body 
 div id="scroll" 
 ul id="ul" 
 li img src="images/11.jpg" alt="" /li 
 li img src="images/22.jpg" alt="" /li 
 li img src="images/33.jpg" alt="" /li 
 li img src="images/44.jpg" alt="" /li 
 li img src="images/55.jpg" alt="" /li 
 li img src="images/66.jpg" alt="" /li 
 /ul 
 !-- div 
 span 1 /span 
 span 2 /span 
 span 3 /span 
 span 4 /span 
 span 5 /span 
 span 6 /span 
 /div -- 
 /div 
 /body 
 /html