本文通过一个简单的HTML表单实例介绍了如何使用JavaScript来检查DOM元素的子节点状态，展示了getElementById方法结合hasChildNodes的应用。
<html>
<head>
<title>getElementByName</title>
</head>
<body>
<form name="from1" action="text.html" method="post">
<input type="text" name="username" value="Id1" id="tid1" onchange="change()"/><br/>
<input type="text" name="username" value="Id2" id="tid2"/><br/>
<input type="text" name="username" value="Id3" id="tid3"/><br/>
<input type="button" name="ok" value="baocun"/>
</form>
<select name="edu" id="edu">
<option value="博士">博士...</option>
<option value="硕士">硕士...</option>
<option value="本科" selected="selected">本科...</option>
<option value="幼儿园">幼儿园...</option>
</select>
</body>
<script language="JavaScript">
//查看id="edu"的节点是否含有子节点
alert(document.getElementById("edu").hasChildNodes());
//查看id="id1"的节点是否含有子节点
alert(document.getElementById("tid1").hasChildNodes());
//hasChildNodes() 只能获取ID才能进行判断
</script>
</html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
