javascript - 如何在javascript中的段落中附加数组中的文本?

标签 javascript html css arrays

如何使用数组中的文本附加段落?

首先我将元素放入数组中:

var iminja = [];
iminja.push("Name1");

然后我对数组“iminja”中的每个元素使用 for 循环,我想将新段落放入现有的空 div 中,其中包含数组中的文本。像这样的东西,这只是为了向你解释我想如何成为函数的最终结果:

$('#existingDiv').append('<p style="border: 1px solid black;">iminja[index]</p>');

有人可以帮我吗?

最佳答案

下面的代码应该可以解决这个问题:

$.each(iminja, function () {
    $("#existingDiv").append("<p style=\"border: 1px solid black;\">" + this + '</p>');
});

或者不使用$.each函数

for (var item in iminja) {
   $("#existingDiv").append("<p style=\"border: 1px solid black;\">" + iminja[item] + '</p>');
}

或者根本不使用 jQuery

var container = document.getElementById("existingDiv");
for (var item in iminja) {
    var paragraph = document.createElement("p");
    paragraph.setAttribute("style", "border: 1px solid black;");
    paragraph.innerHTML = iminja[item];
    container.appendChild(paragraph);
}

关于javascript - 如何在javascript中的段落中附加数组中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30429885/

相关文章:

javascript - 将 YouTube 视频静音并自动播放

javascript - 选择列表在 jQuery 中的 Option 悬停时关闭 在悬停时显示/隐藏 Div

javascript - 使用 javascript(或 jQuery)选择和操作 CSS 伪元素,例如::before 和::after

css - 如何在纯 CSS 中将定义的属性值用作另一个属性?

html - 如何删除菜单分隔符的悬停效果?

javascript - 如何安装和使用Arango-CMS演示应用程序?

javascript - 在 JavaScript 中使用数组作为传递参数

javascript - 使用 jQuery 更改元素文本和数据值?

html - 第一次绘制时页面呈现不正确

javascript - 使用innerHTML没有效果