标签不会添加到 JS 中的输入中



我有这个测试函数:

function testFunction2(){
const testinput = document.createElement("input",{type:"text",id:"test"})
const testlabel = document.createElement("label",{htmlfor:"test",textcontent:"Test"})
document.body.appendChild(testlabel);
document.body.appendChild(testinput);
}
<body>
<button type="button" onclick="testFunction2();">Click Me</button>
</body>

当我点击一个按钮时,应该添加一个文本框和一个标签。相反,只添加文本框。

我尝试使用label元素的一些不同属性,以及在创建元素后分配属性(对于标签,它似乎可以很好地用于输入)。

从文档中可以看到,options对象只允许一个属性,并且该属性与web组件相关。

您需要手动分配各种值。

const testinput = document.createElement('input');
testinput.type = 'text';
testinput.id = 'test';
const testlabel = document.createElement('label');
testlabel.setAttribute('for', 'test');
testlabel.textContent = 'Test';
document.body.appendChild(testlabel)
document.body.appendChild(testinput)

相关内容

  • 没有找到相关文章

最新更新