<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS获取元素的第一个子节点</title>
</head>
<body>
<div id="divId">
<p>第一个子节点</p>
<p>第二个子节点</p>
</div>
<script type="text/javascript">
var obj=document.getElementById("divId");
alert(obj.firstElementChild.nodeName);
</script>
</body>
</html>
打开该页面时会显示如下内容: