原生JS动态创建链接

最新推荐文章于 2022-11-24 10:28:03 发布

H_MZ

最新推荐文章于 2022-11-24 10:28:03 发布

阅读量758

点赞数

原文链接：https://yq.aliyun.com/articles/560212

版权

 
         <!DOCTYPE HTML PUBLIC  
         "-//W3C//DTD HTML 4.0 Transitional//EN" 
         > 
        
         <HTML> 
        
         <HEAD> 
        
         <TITLE> New Document </TITLE> 
        
         <META NAME= 
         "Generator"  
         CONTENT= 
         "EditPlus" 
         > 
        
         <META NAME= 
         "Author"  
         CONTENT= 
         "" 
         > 
        
         <META NAME= 
         "Keywords"  
         CONTENT= 
         "" 
         > 
        
         <META NAME= 
         "Description"  
         CONTENT= 
         "" 
         > 
        
         </HEAD> 
        
         <BODY> 
        
         <script> 
        
         var  
         i=1; 
        
         function  
         create() { 
        
         document.body.appendChild(document.createElement( 
         "br" 
         )); 
        
         var  
         a=document.createElement( 
         "a" 
         ); 
        
         a.id= 
         "a" 
         +i; 
        
         a.href= 
         "www.csdn.net" 
         ; 
        
         a.innerText= 
         "我是超链接" 
         +i; 
        
         a.title= 
         "我是超链接" 
         +i; 
        
         document.body.appendChild(a); 
        
         i++; 
        
         } 
        
         </script> 
        
         <input type= 
         "button"  
         value= 
         'click me'  
         onclick= 
         'create();'  
         /> 
        
         </BODY> 
        
         </HTML> 
        
 本文转自问道博客51CTO博客，原文链接http://blog.51cto.com/450236/1909010如需转载请自行联系原作者