gpt4 book ai didi

javascript - 有没有办法在添加时仅使用带有数字索引的javascript添加DOM元素?

转载 作者:行者123 更新时间:2023-11-30 06:19:33 28 4
gpt4 key购买 nike

我无法找到任何仅使用 javascript 添加带有文本节点的 DOM 元素和在节点中添加数字索引的解决方案。

我试过使用 if..else 和 for 循环,但它们都不起作用。

function addElement() {
var para = document.createElement("p");
var add = document.createTextNode("This is newly added. ");
para.appendChild(add);
var element = document.getElementById("div1");
element.appendChild(para);
}

最佳答案

您可以在 p 元素中附加一个 label 元素,当前长度为 p 作为 label< 的文本/em>:

function addElement() {
var length = document.querySelectorAll('p').length;
var para = document.createElement("p");
var add = document.createTextNode("This is newly added. ");
var label = document.createElement("label");
label.textContent = length + ' ';
para.appendChild(label);
para.appendChild(add);
var element = document.getElementById("div1");
element.appendChild(para);
}
document.getElementById('createElement').addEventListener('click',addElement);
<button type="button" id="createElement">Create Element</button>
<div id="div1"></div>

关于javascript - 有没有办法在添加时仅使用带有数字索引的javascript添加DOM元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54017964/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com