本文介绍如何在JavaScript中动态创建复选框并添加说明文字。通过createElement创建input元素，利用createTextNode生成文本节点，最后将两者追加至指定div容器中，实现复选框与说明文字的完整显示。
动态添加复选框及文本节点的实现方法
在实际开发中，经常需要动态生成复选框。虽然直接创建一个复选框对象本身并不复杂，但仅创建对象往往无法满足实际需求。下面简要介绍实现这一效果的具体方法。
var oCheckbox=document.createElement("input");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");
仅仅实例化一个checkbox对象通常不够，因为实际应用中，复选框前后通常需要配合说明性文字。实现这一效果的关键在于：先创建checkbox对象，再创建一个文本节点，最后将这两个元素添加到目标div容器中即可。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>添加checkbox复选框</title>
<script type="text/javascript">
var oCheckbox=document.createElement("input");
var myText=document.createTextNode("蚂蚁部落");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");
window.onload=function(){
var mydiv=document.getElementById("mydiv");
mydiv.appendChild(oCheckbox);
mydiv.appendChild(myText);
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>上述代码演示了如何动态生成一个带有后续说明文字的checkbox对象，希望对学习JavaScript的朋友有所帮助。