js checkbox.checked=true在document.body.appendChild(checkbox)前与后赋值

时间:2022-04-23
本文章向大家介绍js checkbox.checked=true在document.body.appendChild(checkbox)前与后赋值，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

如果想改变元素的视觉效果（checkbox.checked=true会打钩），请在把元素添加到页面上再为其赋值，否则赋值无效。

看这段代码，18行与21行，如果想在元素还没有添加到页面上时设置其为选中状态，不能做到。写到21行就可以。如果你知道为什么请不吝赐教。

<html>
 
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>新建网页 1</title>
 </head>
 
 <body>
 
 <input type="button" value="clickme" onclick="F()">
 </body>
 <script language="javascript">
 <!--
 function F(){
     var div = document.createElement('div')
     var input = document.createElement('input')
     input.type = 'checkbox'
     input.checked = true
     div.appendChild(input)
     document.body.appendChild(input)
     //input.checked = true
 }
 //-->
 </script>
 </html>

随机文章
Javascript知识点必读
最近更新