document.write（）的替代方法

Question

是否有另一种方法可以为此编写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是标签的名称。

Answer 1

只需创建一个具有唯一ID的容器元素。

然后通过其ID选择元素，然后将内容添加到其中。

看这个例子

 <script> var label1 = "label Name"; </script> <div id='tab-1'></div> <script> document.getElementById('tab-1').innerHTML = label1; </script>