我正在尝试使用javascript在div中动态创建一个复选框。这是我的代码的一部分
var input = document.createElement('input');
input.setAttribute('id', 'chkFilm_1');
input.setAttribute('type', 'checkbox');
input.setAttribute('name', 'four');
input.setAttribute('style', 'margin-left:2px;');
var divFilm = document.createElement('div');
divFilm.className = "ChekMarkWrap";
divFilm.appendChild(input);
divFilm.appendChild(document.createElement('br'));
divFilm.innerText = "film";
我想要实现的是在div的innerText之前插入复选框。但是文本总是在div innerText之后。
最佳答案
看来您的问题可能是这条线:
divFilm.innerText = "film";
这将替换divFilm文本而不是附加到它。
以下代码似乎有效
var input = document.createElement('input');
input.setAttribute('id', 'chkFilm_1');
input.setAttribute('type', 'checkbox');
input.setAttribute('name', 'four');
input.setAttribute('style', 'margin-left:2px;');
var divFilm = document.getElementById("film")
divFilm.appendChild(input)
divFilm.appendChild(document.createElement('br'));
divFilm.innerHTML += 'film';
这会将这些元素添加到ID为“ film”的html中的div中。
这在以下链接http://jsfiddle.net/yeQeC/中起作用
关于javascript - 如何在div的innerText之前插入复选框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18181123/