我有这个测试函数:
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)