节点属性:
先上代码:
<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>JavaScript</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript"> window.onload = function(){ var bjNode = document.getElementById("bj"); alert(bjNode.nodeType);//元素节点:1(表示元素节点) alert(bjNode.nodeName);//元素节点名称 alert(bjNode.nodeValue);//元素节点没有节点值,所以值为null var nameAttru = document.getElementById("name") .getAttributeNode("name"); alert(nameAttru.nodeType);//属性节点:2(表示属性节点) alert(nameAttru.nodeName);//属性节点名:name alert(nameAttru.nodeValue);//属性节点的nodeValue值就是属性值(userName) var textAttru = bjNode.firtChild; alert(textAttru.nodeType);//text类型:3 alert(textAttru.nodeName);//text名字:#text alert(textAttru.nodeValue);//text的nodeValue就是文本值 } </script> </head> <body> <p>你喜欢哪个城市</p> <ul id="City"> <li id="bj" name="beijing">北京</li> <li id="Sh">上海</li> <li>广州</li> <li>深圳</li> </ul> <br/> <p>你喜欢哪款单机游戏</p> <ul id="game"> <li>反恐精英</li> <li>魔兽</li> <li>红警</li> <li>实况</li> </ul> <br/> <br/> Name:<input id="name" type="text" name="username" /> </body> </html>
总结:
nodeType:
1.表示元素节点类型
2.表示属性节点类型
3.表示文本节点类型
nodeName:
元素节点:元素名
属性节点:属性名
文本节点:#text
nodeValue:
元素节点没有nodeValue,所以值为null
属性节点的nodeValue就是他的属性值
文本节点的nodeValue就是文本内容
时间: 2024-09-29 23:44:23