如何在没有jQuery的情况下追加html？

vi4fp9gy 于 2022-10-09 发布在 jQuery

关注(0)|答案(1)|浏览(174)

$(".page-data").append("<tr><td>" + element.id + "</td><td>" + element.employee_name + "</td><td>" + element.employee_salary + "</td><td>" + element.employee_age + "</td></tr>")

当我运行这个命令时，我得到了正确的表和值，但是当我使用以下命令时

var t1 = document.getElementsByClassName("page-data");
 t1.append("<tr><td>" + element.id + "</td><td>" + element.employee_name + "</td><td>" + element.employee_salary + "</td><td>" + element.employee_age + "</td></tr>")

我将字符串作为输出，而不是所需的字符串

jquery

来源：https://stackoverflow.com/questions/73989423/how-to-append-html-without-jquery

1条答案

按热度按时间

bttbmeg01#

使用insertAdjacentHTML()。

您还需要循环使用类的所有元素。

var t1 = document.getElementsByClassName("page-data");
for (let i = 0; i < t1.length; i++) {
    t1[i].insertAdjacentHTML('beforeend', "<tr><td>" + element.id + "</td><td>" + element.employee_name + "</td><td>" + element.employee_salary + "</td><td>" + element.employee_age + "</td></tr>");
}

赞(0）回复(0）举报 2022-10-09

我来回答

如何在没有jQuery的情况下追加html？

1条答案

相关问题

热门标签

最新问答