[แบบไดนามิกเพิ่มสไตล์ CSS]
<html> <head> <script type = "text/javascript"> window.onload = function () {var head = document.getElementsByTagname ('head') [0]; // รับส่วนหัวองค์ประกอบ var link = document.createelement ('ลิงก์'); // สร้างโหนดองค์ประกอบลิงก์นั่นคือลิงก์แท็กลิงค์ link.rel = "stylesheet"; // เพิ่ม link.href = "basic.css"; // เพิ่มแอตทริบิวต์ HREF ลงในแท็กลิงก์ค่าแอตทริบิวต์คือเส้นทางของ CSS External Link Style Sheet Sheet Head.AppendChild (ลิงก์); // เพิ่มโหนดองค์ประกอบลิงก์ไปยังโหนดองค์ประกอบของเด็ก} </script> </head> <body> <div id = "div1"> ทดสอบ </div> </body> </html>[ไดนามิกเพิ่มแท็กสคริปต์]
หลักการเหมือนกับข้างต้น
<html> <head> <script type = "text/javascript"> window.onload = function () {var head = document.getElementsByTagname ('head') [0]; // รับองค์ประกอบส่วนหัว var script = document.createelement ('สคริปต์'); // สร้างสคริปต์แท็กสคริปต์ ttype = "ข้อความ/javascript"; // เพิ่มประเภทแอตทริบิวต์สคริปต์. src = "basic.js"; // เพิ่มแท็กสคริปต์ลงในโหนดลูกของแท็กสคริปต์และค่าแอตทริบิวต์คือ JS Path Head.AppendChild ('Script'); // เพิ่มแท็กสคริปต์ลงในโหนดลูกของหัว} </script> </head> <body> <div id = "div1"> ทดสอบ </div> </body> </html>ด้านบนคือการเพิ่มรูปแบบ CSS และแท็กสคริปต์แบบไดนามิกไปยัง JavaScript ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!