时间戳

首页 > 解决方案 > document.write() 的替代方案

javascript - document.write() 的替代方案

问题描述

有没有另一种方法可以为此编写 document.write() ？

  <b:widget id='HTML9' locked='true' title='Tab 1' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Test 1</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
        <div class='widget-content'>
          <script>//<![CDATA[
          var label1 = '<data:content/>';
          //]]>
          </script>
        </div>
      </b:includable>
  </b:widget>
  <b:widget id='HTML10' locked='true' title='Tab 2' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>Test 2</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
        <div class='widget-content'>
          <script>//<![CDATA[
          var label2 = '<data:content/>';
          //]]>
          </script>
        </div>
      </b:includable>

这就是我用来称呼他们的：

<li class='tab-link' data-tab='tab-2'><a><script>document.write(label1);</script></a></li>
<li class='tab-link' data-tab='tab-3'><a><script>document.write(label2);</script></a></li>

Test 1和Test2是标签的名称。

标签： javascripthtmlbloggerdocument.write

解决方案

简单地说，创建一个具有唯一 id 的容器元素。

然后通过其 id 选择元素并将您的内容添加到其中。

看这个例子 

<script> var label1 = "label Name"; </script>

<div id='tab-1'></div>

<script>
  document.getElementById('tab-1').innerHTML = label1;
</script>

推荐阅读