Javascript 如何在HTML页面中创建文档对象？_Javascript_Html

Javascript 如何在HTML页面中创建文档对象？

javascript html

Javascript 如何在HTML页面中创建文档对象？,javascript,html,Javascript,Html,我需要使用javaScript在HTML页面中创建一个文档对象在其中执行一个新的HTML页面；这样地： ... 出现了一些头部标签 //不管是否使用jquery都没有问题函数createDocument（）{ var ta=document.getElementById（'ta'）； var targetElement=document.getElementById（'targetElement'） //所以我需要知道如何使用[ta.value] //要在新文档元素中执行它，请将其附加

我需要使用javaScript在HTML页面中创建一个

文档对象
在其中执行一个新的HTML页面；
这样地：


... 出现了一些头部标签
//不管是否使用jquery都没有问题
函数createDocument（）{
var ta=document.getElementById（'ta'）；
var targetElement=document.getElementById（'targetElement'）
//所以我需要知道如何使用[ta.value]
//要在新文档元素中执行它，请将其附加到[targetElement]
//不在原始文档中获取或设置全局变量
}
跑
您可能混淆了.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>


函数createDocument（）{
var ta=document.getElementById（'ta'）.value；
var targetElement=document.getElementById（'targetElement'）；
targetElement.innerHTML=eval（ta）；
}
createElementById
？你真的把createElement
和getElementById
混在一起了吗？试试像var ta=（document.createElement（“div”））.setAttribute（“id”，“ta”）
ops抱歉是的，我的意思是getElementById
Yeahme我的问题不是元素，而是如何创建一个文本区域值的新文档对象内容？这样，如果我在
new中使用，就保留要使用的全局变量script@imel将我的答案更改为（可能）反映您的问题。添加onchange
并将targetElement.innerHTML=“blabla”
更改为targetElement.innerHTML=ta
我需要执行新的HTML代码，在您的示例中不是创建新的文档对象，如果我想在textarea
中编写新脚本，它不能执行，这是我的问题。谢谢，@imel-ah我误解了你的问题，只需更改targetElement.innerHTML=ta
intotargetElement.innerHTML=eval（ta）
<!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>