使用document.write（）输出标记 [英] Using document.write() to output markup

问题描述

我的页面上有一个内联svg作为变量。我正在对它进行一些修改。我如何在页面（不是svg图像）上修改 viewText 。如何在页面上显示 viewText ？

I have got a inline svg as a variable on my page. I'm doing some modifications to it. How can I echo viewText on the page (not the svg image) with modifications. How can I make viewText show on the page?

示例：

<script>
var viewText = "<svg width="400" height="100"><rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" /></svg>"

  var rect = document.getElementsByTagName("rect"); 
  for (var i = 0; i < rect.length; i++) { 
   //do something 
  }

document.write( viewText );//how do I output the modified 'viewText' code on the page?
/*e.g.: 
<svg width="400" height="100"><rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" /></svg> */
 </script>

推荐答案

<div id="target"></div>
<script>
    var viewText = '<svg width="400" height="100"><rect width="400" height="100" style="fill:rgb(0,0,255);stroke-width:10;stroke:rgb(0,0,0)" /></svg>';

    var rect = document.getElementsByTagName("rect"); 
    for (var i = 0; i < rect.length; i++) { 
        //do something 
    }

    document.getElementById('target').textContent = viewText;
</script>

这篇关于使用document.write（）输出标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！