如何通过DOM操作+ JS在网页上创建段落？ [关闭]

Question

关闭。这个问题需要更多focused。它当前不接受答案。

---

是否要改善此问题？更新问题，使其仅按editing this post专注于一个问题。

已关闭1分钟前。

我有一个网页，并且希望能够通过DOM操作向其添加段落。我在JS中有以下代码：

class Paragraph {
constructor(paragraph) {
    this.paragraph = paragraph;
    }
}

var firstParagraph = "Test"; 

如何使变量firstParagraph中的值显示在网页上？

Answer 1

[Create the element，添加text content（段落数据），然后添加append it to the DOM。

class Paragraph {
  constructor(paragraph) {
    this.paragraph = paragraph;
    this.body = document.body;
  }
  addToPage() {
    const para = document.createElement('p');
    para.textContent = this.paragraph;
    this.body.appendChild(para);
  }
}

new Paragraph('Test').addToPage();