11-1.txt

来自「开发王代码 代码」· 文本 代码 · 共 42 行

TXT
42
字号
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>JavaScript</title></head>
<body id="myBody">
  <div id="myDiv">文字就显示在这个元素</div>
<script type="text/javascript">
<!--
//-------------------[01]-------------------------
//document就是根节点,下面我们获取所有子节点
var rootNodeList = document.childNodes;
//-------------------[02]-------------------------
//但是,返回的也就是两个子节点:doctype和HTML
//所以,还需进一步处理,我们可能主要就需要HTML节点的内容
//遍历子节点,仅仅获取HTML节点
for (var i=0;i<rootNodeList.length;i++){
  var rootNode = rootNodeList[i];
  if (rootNode.nodeName.toLowerCase() == "html"){//仅仅获取HTML节点
//-------------------[03]-------------------------
//获取head元素节点
	document.write("节点名:" + rootNode.firstChild.nodeName +  "<br />");
	processNode(rootNode.firstChild);
//-------------------[04]-------------------------
//获取body元素节点
	document.write("节点名:" + rootNode.lastChild.nodeName + "<br />");
	processNode(rootNode.lastChild);
  }
}
function processNode(node){
   //首先检查是否有子节点
   if(node.hasChildNodes()&&node.firstChild.nodeType==1){
      document.write(">>>>>节点名:" + node.firstChild.nodeName +  "<br />");
      document.write(">>>>>节点值:" + node.firstChild.innerHTML +  "<br />");
      document.write(">>>>>属性id:" + node.firstChild.getAttribute("id") +  "<br />");
      //属性也可以使用下面的方法获得
      //document.write(">>>>>属性id:" + node.firstChild.attributes["id"].nodeValue +  "<br />");
   }
}
-->
</script>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?