Tags in JavaScript Documents Safely" /> Adding Tags to a JavaScript Document</h2> <p>Appending <script> tags to a JavaScript document can be necessary for various tasks. However, naive attempts to use methods like appendChild() or jQuery's append() may result in the script tags being stripped out. Here's a reliable solution to address this issue:</p> <ol><li><strong>Create the Script Element:</strong></li></ol> <p>Begin by creating a <script> element using the document.createElement("script") method.</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">Copy after login</div></div> <ol start="2"><li><strong>Add Script Content:</strong></li></ol> <p>Add the desired script content to the element using the innerHTML property.</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="javascript">script.innerHTML = "...";</code></pre><div class="contentsignin">Copy after login</div></div> <ol start="3"><li><strong>Append to the DOM:</strong></li></ol> <p>Now, append the <script> element to the HTML document using document.head.appendChild(script) to add it to the <head> or document.body.appendChild(script) to add it to the body.</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">Copy after login</div></div> <p>By following these steps, you can successfully append <script> tags in JavaScript and execute their content without facing issues with them being removed.</p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
