如何在我的内部显示我的 javascript<p> 标签使它成为一个单行句子？</p>

Question

我有一个脚本显示未来 2 周的日期。 一切正常，但我想对其进行更多清理并使其在一个句子中显示，而不是分成两段。 我一生都无法弄清楚如何做到这一点。 任何帮助将不胜感激。

<script>
var twoWeeksForward = new moment().add(14, 'day');
document.write(twoWeeksForward.format('dddd, MMMM DD, YYYY')); 
</script>

<p style="text-align:center"><i class="fas fa-tshirt"></i>Complete your order now and receive it by </p><span class="date"><p class ="twoWeeksForward">

Answer 1

正如其他人在评论中所说，最好不要使用document.write() 。 但是如果你真的必须使用它，你必须把脚本放在<p>里面。 当页面加载时，它会写入 HTML 中的当前点。

<p style="text-align:center"><i class="fas fa-tshirt"></i>Complete your order now and receive it by </p>
<span class="date">
    <p class ="twoWeeksForward">
    <script>
    var twoWeeksForward = new moment().add(14, 'day');
    document.write(twoWeeksForward.format('dddd, MMMM DD, YYYY')); 
    </script>
    </p>
</span>

Answer 2

尝试操作要添加文本的段落的innerText 。 例如，对于id="my-p"的段落，您可以使用：

document.getElementById("my-p").innerText += twoWeeksForward.format('dddd, MMMM DD, YYYY');

这样，每次使用 javascript 更新文本时都不需要新元素。