[다이나믹 추가 CSS 스타일]
<html> <head> <script type = "text/javaScript"> window.onload = function () {var head = document.getElementsByTagName ( 'head') [0]; // 헤드 요소 가져 오기 var link = document.createElement ( 'link'); // 링크 요소 노드를 만듭니다. // rel artiptribute link.href = "Basic.css"를 추가합니다. // 링크 태그에 href 속성을 추가하면 속성 값은 CSS 외부 링크 스타일 시트 헤드의 경로입니다. // 링크 요소 노드를 헤드 요소에 추가 하위 하위 노드} </script> </head> <body> <div id = "div1"> test </div> </body> </html>[동적 추가 스크립트 태그]
원리는 위와 동일합니다
<html> <head> <script type = "text/javaScript"> window.onload = function () {var head = document.getElementsByTagName ( 'head') [0]; // 헤드 요소 가져 오기 var script = document.createElement ( 'script'); // 스크립트 태그 스크립트 만들기. 타입 = "텍스트/JavaScript"; // 유형 속성 script.src = "Basic.js"; // 스크립트 태그의 하위 노드에 스크립트 태그를 추가하고 속성 값은 js 경로 head.appendChild ( 'script')입니다. // 헤드의 자식 노드에 스크립트 태그를 추가} </script> </head> <body> <div id = "div1"> test </div> </body> </html>위의 것은 편집자가 소개 한 JavaScript에 CSS 스타일과 스크립트 태그를 동적으로 추가하는 것입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!