javascript创建内容

我有一个文本区域（我从中获取一个数字）和按钮来提交值，我正在尝试向这个循环生成的段落添加内容：

var countNum = document.getElementById(num).value;
var entNum = parseInt(countNum);

for(i=1;i<=entNum;i++){
    if(i%3!==0 && i%7!==0){
       document.write(i + "<br>");
    }
}

var countNum=document.getElementById（num）.value；
var entNum=parseInt（countNum）；
对于（i=1；i让我们假设您的按钮下方有一个容器，您将在其中放入您的物品：

<button [...] />
<div id="myContainer"></div>

你会发现剩下的！；）

编辑：
在您的评论之后，添加以下内容：

要删除某个元素，需要对其进行引用

按ID:

//Create element and give it a unique ID
var paragraph = document.createElement("p");
paragraph.id = "element1";
//Now you can get it like this
var paragraph = document.getElementById("element1");

//Request all elements with a certain tag name
var paragraphs = document.getElementsByTagName("p");
//or only those of our container:
var paragraphs = document.getElementById("myContainer").getElementsByTagName("p");
//Now you can mess with all of them like this:
var paragraph = paragraphs[0]

//Just reuse the variable you used when you created your element
var paragraph = document.createElement("p");
//use paragraph

;)

按标记名：

//Create element and give it a unique ID
var paragraph = document.createElement("p");
paragraph.id = "element1";
//Now you can get it like this
var paragraph = document.getElementById("element1");

//Request all elements with a certain tag name
var paragraphs = document.getElementsByTagName("p");
//or only those of our container:
var paragraphs = document.getElementById("myContainer").getElementsByTagName("p");
//Now you can mess with all of them like this:
var paragraph = paragraphs[0]

//Just reuse the variable you used when you created your element
var paragraph = document.createElement("p");
//use paragraph

;)

通过引用：

//Create element and give it a unique ID
var paragraph = document.createElement("p");
paragraph.id = "element1";
//Now you can get it like this
var paragraph = document.getElementById("element1");

//Request all elements with a certain tag name
var paragraphs = document.getElementsByTagName("p");
//or only those of our container:
var paragraphs = document.getElementById("myContainer").getElementsByTagName("p");
//Now you can mess with all of them like this:
var paragraph = paragraphs[0]

//Just reuse the variable you used when you created your element
var paragraph = document.createElement("p");
//use paragraph

;)

了解更多信息：

//Create element and give it a unique ID
var paragraph = document.createElement("p");
paragraph.id = "element1";
//Now you can get it like this
var paragraph = document.getElementById("element1");

//Request all elements with a certain tag name
var paragraphs = document.getElementsByTagName("p");
//or only those of our container:
var paragraphs = document.getElementById("myContainer").getElementsByTagName("p");
//Now you can mess with all of them like this:
var paragraph = paragraphs[0]

//Just reuse the variable you used when you created your element
var paragraph = document.createElement("p");
//use paragraph

;)

现在：删除它：

//Create element and give it a unique ID
var paragraph = document.createElement("p");
paragraph.id = "element1";
//Now you can get it like this
var paragraph = document.getElementById("element1");

//Request all elements with a certain tag name
var paragraphs = document.getElementsByTagName("p");
//or only those of our container:
var paragraphs = document.getElementById("myContainer").getElementsByTagName("p");
//Now you can mess with all of them like this:
var paragraph = paragraphs[0]

//Just reuse the variable you used when you created your element
var paragraph = document.createElement("p");
//use paragraph

;)

您必须告诉parentContainer它应该删除一个子元素。幸运的是，每个元素都保存了对其父元素的引用：

paragraph.parentElement.removeChild(paragraph);

这样做：

var countNum = document.getElementById(num).value;
var entNum = parseInt(countNum);
var html = ''

for(i=1;i<=entNum;i++){
    if(i%3!==0 && i%7!==0){
       html += i + "<br>";
    }
}

var countNum=document.getElementById（num）.value；
var entNum=parseInt（countNum）；
var html=''
对于（i=1；i，您可以为eg设置容器元素的innerHTML

<button>Click Me</button>
<div id="container"></div>

document.getElementById('container').innerHTML = content;

点击我
document.getElementById（'container'）。innerHTML=content；

另一种方法是使用DOM API构建段落，在变量中生成html。然后将其插入段落GO，并阅读“是”，这是IMO的最佳方法。使用此概念。非常感谢，它非常有效！现在我将尝试找出如何删除以前的内容并在其位置添加新内容。