1 <div id="d1"></div> 2 <script> 3 //HTML 4 function a(){ 5 document.getElementById("d1").innerHTML="<img src='/images/loading.gif' data-original='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>"; 6 } 7 a(); 8 //方法 9 function b(){10 var d1=document.getElementById("d1");11 var img=document.createElement("img");12 img.src='/images/loading.gif' data-original="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";13 d1.appendChild(img);14 }15 b();16 //对象17 function c(){18 var cc=new Image();19 cc.src='/images/loading.gif' data-original="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";20 document.getElementById("d1").appendChild(cc);21 pload();22 }23 c();24 </script>
使用JavaScript或者jQuery的方法相对灵活一些
1 <script src='/images/loading.gif' data-original="http://code.jquery.com/jquery-1.4.1.min.js"></script>2 <script type='text/javascript'>3 $('.hello').html("<img src='/images/loading.gif' data-original='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 覆盖原来标签的内容4 $('.hello').append("<img src='/images/loading.gif' data-original='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(标签内)5 $('.hello').after("<img src='/images/loading.gif' data-original='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(标签外)后6 </script>
原标题:JavaScript生成新标签的三个方法(摘抄自留)
关键词:JavaScript