[動態添加css樣式]
<html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //獲取到head元素var link=document.createElement('link'); //創建link元素節點,也就是link標籤link.rel="stylesheet"; //為link標籤添加rel屬性link.href="basic.css"; //為link標籤添加href屬性, 屬性值是css外鏈樣式表的路徑head.appendChild(link); //將link元素節點添加到head元素子節點下} </script> </head> <body> <div id="div1">測試</div> </body></html>[動態添加script標籤]
原理同上
<html> <head> <script type="text/javascript"> window.onload=function(){ var head=document.getElementsByTagName('head')[0]; //獲取到head元素var script=document.createElement('script'); //創建script標籤script.type="text/javascript"; //為script標籤添加type屬性script.src="basic.js"; //為script標籤添加scr屬性,屬性值為js路徑head.appendChild('script'); //將script標籤添加到head的子節點下} </script> </head> <body> <div id="div1">測試</div> </body></html>以上所述是小編給大家介紹的JavaScript動態添加css樣式和script標籤,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!