如何在我的 <p> 标签中显示我的 javascript 使其成为一行句子？

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 更新文本时都不需要新元素。

如何在我的 <p> 标签中显示我的 javascript 使其成为一行句子？

How can I display my javascript inside my <p> tags to make it a one line sentence?

html

javascript

momentjs