Question

我希望在循环中按ID创建标记<p>和标记<div>。我怎么做的？ array[i]是文字。

这是我的代码：

var text = "";
for (j = 0; j < i+1; j++) {
  text = "<p>" + array[j] + "<div>" + "</div>" + "</p>"; 
}
document.getElementById('works').innerHTML = text ;

Answer 1

您不应该在代码中尝试使用段落中的div。这是一个展示你想要的片段。

代码将产生以下内容：

<div id="works">
   <div id="paragraph-div-0">
      <p>Item 1</p>
   </div>
   <div id="paragraph-div-1">
      <p>Item 2</p>
   </div>
   <div id="paragraph-div-2">
      <p>Item 3</p>
   </div>
</div>

var textArray = ["Item 1", "Item 2", "Item 3"];
var text = "";

for (var j = 0; j < textArray.length; j++) {
  text += "<div id='paragraph-div-" + j + "'><p>" + textArray[j] + "</p></div>";
}

document.getElementById('works').innerHTML = text;

<div id="works"></div>

在js中用不同的id创建<p>和</p> <div>

1 个答案: