打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue)

最新推荐文章于 2022-03-27 15:54:37 发布

原创最新推荐文章于 2022-03-27 15:54:37 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文通过一个具体的HTML示例介绍了如何使用JavaScript来获取指定ID的元素及其所有子节点的信息，包括nodeName, nodeType和nodeValue，并展示了如何进一步操作文本节点。

题目：

打印出 id=“bj” 该节点的所有子节点的(nodeName, nodeType, nodeValue)同时打印文本值北京海淀奥运

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>yuhan20081021</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body>
<ul>
<li id="bj" value="beijing">北京
<p>海淀</p>
奥运
</li>
<li id="sh" value="shanghai">上海</li>
</ul>
</body>
<script language="JavaScript">
//打印出 id="bj" 该节点的所有子节点的(nodeName, nodeType, nodeValue)
var bjElement=document.getElementById("bj");
alert(bjElement.firstChild.nodeName);
alert(bjElement.firstChild.nodeType);
alert(bjElement.firstChild.nodeValue);

alert(bjElement.childNodes[1].nodeName);
alert(bjElement.childNodes[1].nodeType);
alert(bjElement.childNodes[1].nodeValue);

alert(bjElement.childNodes[2].nodeName);
alert(bjElement.childNodes[2].nodeType);
alert(bjElement.childNodes[2].nodeValue);

//同时打印文本值北京海淀奥运
alert(bjElement.childNodes[0].nodeValue);
alert(bjElement.childNodes[1].firstChild.nodeValue);
alert(bjElement.childNodes[2].nodeValue);
</script>

</html>