JS控制HTML元素的显示和隐藏(动态添加动并显示或隐藏链接)

 2017-09-22 00:20   1840 人阅读  0 条评论

本文主要提供JS控制HTML元素的显示和隐藏(动态添加动并显示或隐藏链接)的具体实现代码,由nohacks.cn 收集整理,转载请注明出处。


主要实现执行一次创建指定数量链接并显示,再执行一次则隐藏,继续执行侧显示。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>动态添加动并显示或隐藏链接</title>
 <script type="text/javascript">
 
var adsPage="/plus/loading.html#1#http://aikan-tv.com/?url=#https://api.47ks.com/webcloud/?v="
var url_array = adsPage.split("#");  

var url_num = Number(url_array[1]); var url = url_array[url_num+1]; 

function AppendLink(divName,linkNum,lpname) {     
 var myhref = window.location.href;
    
 var num= myhref.indexOf(lpname);
                
   if(num!= -1)   

  {
      myhref=myhref.substring(0,num);
  }

    
  for (var i=0;i<linkNum;i++)    
  {
  
   if (!document.getElementById("newlink"+i)) 

   {

    var div = document.getElementById("divMain");
    var linkTmp = document.createElement("a");
    linkTmp.href = myhref +"&"+lpname+"="+(i+1);
    linkTmp.innerText = "线路"+(i+1)+" "; 
    linkTmp.setAttribute("id", "newlink"+i);
    div.appendChild(linkTmp);

 
    }else if(document.getElementById("newlink"+i).innerText==""){


        document.getElementById("newlink"+i).innerText="线路"+(i+1)+" "; 


    }else{
  
       document.getElementById("newlink"+i).innerText=""

   }

   
   }
 

 }


</script>

</head>
<body>
 <div id="divMain"></div>
 <input type="button" value="添加链接" onclick="AppendLink('divMain',url_array.length-2,'name')" />
</body>
</html>


 发表评论


表情

还没有留言,还不快点抢沙发?