全国咨询热线:18720358503

游戏小程序开发_JS点击动态添加标签、删除指定

类别:行业新闻 发布时间:2021-01-08 浏览人次:

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 


推荐阅读

游戏小程序开发_JS点击动态添加标签、删除指定

JS点一下动态性加上标识、删掉特定标识的编码 文章投稿:mrr 本文关键详细介绍了JS点一下动态性加上标识、删掉特定标识的编码,在原文中给大伙儿填补详细介绍了js 更为滚屏图...

2021-01-08
怎么开发小程序商城_JS完成的缓冲运动效果示例

JS完成的缓存健身运动实际效果实例 本文关键详细介绍了JS完成的缓存健身运动实际效果,涉及到JavaScript标值计算与時间涵数有关应用方法,必须的朋友能够参照下文中案例叙述了...

2021-01-08
网络公司网站优化的重要操作项目是什么【凡科

重要词:互联网企业seo优化的关键实际操作新项目是啥 现有 736 人访问 掌握不一样的提升方式,从这当中找到实际效果较为显著,实际效果较为大的开展关键点实际操作。大家目地都一...

2021-01-08
为什么要用SSM开发框架来架构系统?

要搞清楚什么叫SSM开发设计架构?必须先搞清楚开发设计架构的定义。开发设计架构便是一套标准和写好的架构编码,它协助大家完成了许多基本性的作用,节约了程序猿很多的编号工...

2021-01-08
在找制作网站公司签单之前要先考虑这些

在找制作网页企业出单以前要先考虑到这种 : :00 伴随着高新科技和互连网的发展趋势,网站的要求量越来越越大。因而制作网页公司也越来越越大。而建站公司的增加其实不意味着这...

2021-01-08
微信运营:如何精准化的做微信公众号运营?

近期一份《2016年全新手机微信客户数据信息汇报》在许多电子商务经营人中间传阅,坚信许多电子商务经营的朋友应当要看来到。网编作为电子商务经营人微信公众号的承担人,在见到...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信