doits
2016-05-14 01:36
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>JavaScript</title> </head> <body> <form name="Input"> <table align="center" width="500px" height="50%" border="1"> <tr> <td align="center" width="100px"> 学号: </td> <td align="center" width="300px"> <input type="text" id=userid name="user" onblur="validate();"> <div id=usermsg></div> </td> </tr> <tr> <td align="center" width="100px"> 姓名: </td> <td align="center"> <input type="text" name="name"> </td> </tr> <tr> <td align="center" width="%45"> 性别: </td> <td align="center"> <input type="radio" name="sex" value="男"> 男 <input type="radio" name="sex" value="女"> 女 </td> </tr> <tr> <td align="center" width="30%"> 年龄: </td> <td align="center" width="300px"> <input type="text" name="age"> </td> </tr> <tr> <td align="center" width="100px"> 地址: </td> <td align="center" width="300px"> <input type="text" name="addr"> </td> </tr> </table> </form> <h1 id="myHead" onclick="getValue()"> 看看三种获取节点的方法? </h1> <p> 点击标题弹出它的值。 </p> <input type="button" onclick="getElements()" value="看看name为sex的节点有几个?" /> <Br> <input type="button" onclick="getTagElements()" value="看看标签名为input的节点有几个?" /> <script type="text/javascript"> function getValue() { var myH=document.getElementsByTagName("myHead"); alert(myH.innerHTML) } function getElements() { var myS = document.getElementsByName("sex"); alert(myS.length); } function getTagElements() { var myI = document.getElementsByTagName("input"); alert(myI.length); } </script> </body> </html>
function getValue() { var myH=document.getElementsByTagName("h1"); alert(myH[0].innerHTML) }
alert(myH.innerHTML),innerHTML 在这里用于获取myH 的内容
getElementsByTagName()是返回带有指定标签名的节点对象的集合,myHead并不是标签,你可以试一下,
var myH=document.getElementsByTagName("myHead");
alert(myH.length);弹出的框是0(数组长度为0),也就是说计算机一个myHead都没有收到,于是alert(myH.innerHTML);时,myH本身并没有什么内容,应该会输出undefined
你这里的"myHead"是一个id,不能用getElementsByTagName()方法的
var myH=document.getElementsByTagName("myHead");
getElementsByTagName("TagName")标签名称 应写为
var myH=document.getElementsByTagName("H1");
JavaScript进阶篇
468061 学习 · 21891 问题
相似问题