JavaScript 문서의 태그를 안전하게" /> JavaScript 문서에 태그</h2> <p><script> 추가 JavaScript 문서에 대한 태그는 다양한 작업에 필요할 수 있습니다. 그러나 단순하게 appendChild() 또는 jQuery의 Append()와 같은 메서드를 사용하려고 하면 스크립트 태그가 제거될 수 있습니다. 이 문제를 해결할 수 있는 신뢰할 수 있는 솔루션은 다음과 같습니다.</p> <ol><li><strong>스크립트 요소 만들기:</strong></li></ol> <p><script> document.createElement("script") 메소드를 사용하여 요소를 생성합니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="javascript">var script = document.createElement("script");</code></pre><div class="contentsignin">로그인 후 복사</div></div> <ol start="2"><li><strong>스크립트 콘텐츠 추가:</strong></li></ol> <p>원하는 스크립트 콘텐츠를 innerHTML 속성을 사용하는 요소.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="javascript">script.innerHTML = "...";</code></pre><div class="contentsignin">로그인 후 복사</div></div> <ol start="3"><li><strong>DOM에 추가:</strong></li></ol> <p>이제 <script> document.head.appendChild(script)를 사용하여 HTML 문서의 요소를 <head> 또는 document.body.appendChild(script)를 사용하여 본문에 추가합니다.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="javascript">document.head.appendChild(script); // Or document.body.appendChild(script);</code></pre><div class="contentsignin">로그인 후 복사</div></div> <p>다음 단계를 따르면 <script> JavaScript의 태그를 삭제하고 문제 없이 콘텐츠를 실행할 수 있습니다.</p>
JavaScript 문서의 태그를 안전하게" />
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
