关于html动态添加radio的奇怪操作?

发布网友发布时间：2022-05-01 13:42

我来回答

共2个回答

热心网友时间：2022-04-23 08:24

innerText是把对象内的所有内容都替换为文本，所以如果先添加radio，然后再用innerText，radio就会自然消失，被文本取代。

应该用appendChild的方式来添加文本，即：

var label = document.createElement("label");

var radio = document.createElement("input");

radio.type = "radio";

radio.name = "radio"; // 名字随意

label.appendChild(radio);

var txt = document.createTextNode("一个radio");

label.appendChild(txt);

document.getElementById("Div").appendChild(label); // Div为父容器id

最后补充说一句：innerHTML和innerText 跟 appendChild 是两种不同的机制，最好不要混用！！！

热心网友时间：2022-04-23 09:42

没有理解你这两句干嘛：
label.appendChild(radio);
label.appendChild(label.firstChild);
如果你想把radio插入label标签，直接label.appendChild(radio)就好了哇，这样html结构就是<div id="Div"> <label> <input type="radio" name="radio" /> 一个radio </label> </div>