📄 11-1.txt

📁 开发王代码代码

💻 TXT

字号:

<!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 + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -