Fatal编程技术网
  • javascript/
  • Javascript 如何在html元素中动态使用document.write

Javascript 如何在html元素中动态使用document.write

javascript dom

Javascript 如何在html元素中动态使用document.write,javascript,dom,Javascript,Dom,目前我正在使用下面的代码 <html> <head> <script> window.onload = function(){ var parser = new DOMParser(); var html = "<html><body><p>this is" + "<script>document.write('dynamic')<\/s

目前我正在使用下面的代码

<html>
  <head>
    <script>
      window.onload = function(){
      var parser = new DOMParser();
      var html = "<html><body><p>this is" + 
          "<script>document.write('dynamic')<\/script> text.</p></body></html>";
      var doc = parser.parseFromString(html,'text/html');
      document.body.appendChild(doc.body.children[0]);
      }
    </script>
  </head>
    <body>
        <p>this is <script>document.write('dynamic')</script> text.</p>
    </body>
</html>


window.onload=函数（）{
var parser=新的DOMParser（）；
var html=“这是”+
“文档。写入（‘动态’）文本。
”；
var doc=parser.parseFromString（html，'text/html'）；
document.body.appendChild（doc.body.children[0]）；
}
这是文档。写入（“动态”）文本
这表明：这是动态文本

但目前我正在通过ajax加载页面DynamicCali 以及使用新的DOMParser进行解析。
但它不打印“动态”仅显示：这是文本。

您可以使用显示的DOM操纵方法：

var h=document.createElement（“H1”）//创建一个元素
var t=document.createTextNode（“Hello World”）；//创建一个文本节点
h、 儿童（t）；
或者：
document.getElementById（“demo”）.innerHTML=“段落更改！”


由于您当前正在通过AJAX加载页面，您可能必须确保所有内容都按正确的顺序进行，例如：在收到页面后更改DOM等（不知道您的周围代码，因此我无法真正说明这一点）。
这就是设计的工作原理。解析页面后，不能使用它向页面添加内容，除非您不想重新编写整个文档，包括head部分。请使用适当的DOM操作方法。不要使用
文档。请编写
。

var h = document.createElement("H1")                // Create a <h1> element
var t = document.createTextNode("Hello World");     // Create a text node
h.appendChild(t);