如何将文档对象创建为HTML页面

how create document Object into HTML page?

本文关键字：HTML 页面 创建 对象 文档      更新时间：2023-09-26

我需要使用javaScript在HTML页面中创建一个document对象在其中执行新的HTML页面；像这样：

<!DOCTYPE html>
<html>
  <head>
    ... some head tags appened
    <script>
       // not problem of with jquery or not
      function createDocument(){
        var ta = document.getElementById('ta');
        var targetElement = document.getElementById('targetElement')
        // so i need to know how can use [ta.value]
        // to execute it in new DOCUMENT Element appended it in [targetElement]
        // without get or set global variables in origin document
      }
    </script>
  </head>
  <body>
    <textarea id="ta"></textarea>
    <div id="targetElement">
      <!-- need to append new html document HERE! -->
    </div>
    <!-- 
         when click the run Button the value of text area can be 
         running content to create new document object into targetElement
     -->
    <button onclick="createDocument()">RUN</button>
  </body>
</html>

您可能混淆了.getElementById和.createElement

<!DOCTYPE html>
<html>
  <head>
    <script>
      function createDocument(){
        var ta = document.getElementById('ta').value;
        var targetElement = document.getElementById('targetElement');
        targetElement.innerHTML = eval(ta);
      }
    </script>
  </head>
  <body>
    <textarea onchange="createDocument();" id="ta"></textarea>
    <div id="targetElement">
      <!-- Content goes here -->
    </div>
  </body>
</html>
相关文章：