复选框未显示innerHTML

时间:2014-06-09 17:06:07

标签: javascript checkbox innerhtml

手动在<body>中放置一个复选框就可以了。复选框及其innerHTML正确显示

<html>
<head>
</head>
<body>
<input type="checkbox">Check this</input>
</body>
</html>

但是,以编程方式创建相同的复选框不起作用。复选框的innerHTML未显示。只显示复选框本身。

我做错了什么,我错过了什么?

<html>
<head>
<script>
function makeBox(){
   box=document.createElement("input");
   box.type="checkbox";
   box.innerHTML="Check this box";
   document.body.appendChild(box);
}
</script>
</head>
<body>
<input type="button" value="Make Box" onClick="makeBox()">
</body>
</html>

0 个答案:

没有答案