Javascript 如何在列表项中附加复选框textnode

我想动态创建一个带有复选框的列表。为此，我创建了列表项、复选框和文本节点

我的问题是，我想在列表项中附加复选框和文本节点。如何做到这一点

在脚本中：

    var name=x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
 var list = document.createElement( "li" );
 var cb = document.createElement( "input" );
 cb.type = "checkbox";
 cb.id = "c1";
 cb.value = name;
 cb.checked = false;
 var text = document.createTextNode( name );

<ul id="list" >
    </ul>

在正文中：

    var name=x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
 var list = document.createElement( "li" );
 var cb = document.createElement( "input" );
 cb.type = "checkbox";
 cb.id = "c1";
 cb.value = name;
 cb.checked = false;
 var text = document.createTextNode( name );

<ul id="list" >
    </ul>

但是它没有附加在

li

中

---

如何正确地附加它们？

我建议使用jQuery或其他类似的库。这将有助于确保跨浏览器兼容性，并简化编码。使用jQuery，您可以这样做

// create something, and appendTo something else
$('<li />').appendTo('body')
// select something, and append something else to it
$('li').append( $('<input />').attr({type:'checkbox'}) )

//创建某些内容，并附加到其他内容
$（“
”）.appendTo（'body'）
//选择某个内容，并将其他内容附加到该内容
$（'li'）.append（$（''）.attr（{type:'checkbox'}））

我建议使用jQuery或其他类似的库。这将有助于确保跨浏览器兼容性，并简化编码。使用jQuery，您可以这样做

// create something, and appendTo something else
$('<li />').appendTo('body')
// select something, and append something else to it
$('li').append( $('<input />').attr({type:'checkbox'}) )

//创建某些内容，并附加到其他内容
$（“
”）.appendTo（'body'）
//选择某个内容，并将其他内容附加到该内容
$（'li'）.append（$（''）.attr（{type:'checkbox'}））

您必须动态创建一个复选框，动态创建一个列表项（

），将复选框附加到

中，将
附加到UL中

比如：

var name = "Test"; //or whatever you want, from another textbox for instance

//Create a new <li> dynamically
var newLi = document.createElement('li');


//Create checkbox dynamically       
var checkBox = cb = document.createElement( "input" );
cb.type = "checkbox";
cb.id = "c1";
cb.value = name;
cb.checked = false;

//Append the checkbox to the li
newLi.appendChild(cb);


//Create the text node after the the checkbox
var text = document.createTextNode(name);
//Append the text node to the <li>
newLi.appendChild(text);

//Append the <li> to the <ul>
var ul = document.getElementById("test");
ul.appendChild(newLi);

var name=“Test”//或者任何你想要的，比如从另一个文本框
//动态创建一个新的

var newLi=document.createElement（'li'）；
//动态创建复选框
var checkBox=cb=document.createElement（“输入”）；
cb.type=“复选框”；
cb.id=“c1”；
cb.value=名称；
cb.checked=false；
//将复选框附加到li
新立儿童（cb）；
//在复选框后面创建文本节点
var text=document.createTextNode（名称）；
//将文本节点附加到

newLi.appendChild（文本）；
//将
附加到

var ul=document.getElementById（“测试”）；
ul.appendChild（newLi）；

您启动正确，然后忘记创建一个新的
您必须动态创建一个复选框，动态创建一个列表项（
），将复选框附加到
，并将
附加到UL

比如：

var name = "Test"; //or whatever you want, from another textbox for instance

//Create a new <li> dynamically
var newLi = document.createElement('li');


//Create checkbox dynamically       
var checkBox = cb = document.createElement( "input" );
cb.type = "checkbox";
cb.id = "c1";
cb.value = name;
cb.checked = false;

//Append the checkbox to the li
newLi.appendChild(cb);


//Create the text node after the the checkbox
var text = document.createTextNode(name);
//Append the text node to the <li>
newLi.appendChild(text);

//Append the <li> to the <ul>
var ul = document.getElementById("test");
ul.appendChild(newLi);

var name=“Test”//或者任何你想要的，比如从另一个文本框
//动态创建一个新的

var newLi=document.createElement（'li'）；
//动态创建复选框
var checkBox=cb=document.createElement（“输入”）；
cb.type=“复选框”；
cb.id=“c1”；
cb.value=名称；
cb.checked=false；
//将复选框附加到li
新立儿童（cb）；
//在复选框后面创建文本节点
var text=document.createTextNode（名称）；
//将文本节点附加到

newLi.appendChild（文本）；
//将
附加到

var ul=document.getElementById（“测试”）；
ul.appendChild（newLi）；

您启动正确，然后忘记创建新的
我们在谈论什么浏览器？你能用jQuery吗？我们说的是什么浏览器？您可以使用jQuery吗？