点击“看看三种获取节点的方法”没有窗口出来

来源:9-3 getElementsByTagName()方法

胖丫

2017-03-02 15:08

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

  <title>元素节点</title>

</head>

<body>

<form>

  <table align="center" width="500px" height="50%" border="1">

  <tr>

    <td align="center" width="100px">学号:</td>

    <td align="center" width="300px">

      <input type="text" name="">

    </td>

  </tr>

  <tr>

    <td align="center" width="100px">姓名:</td>

    <td align="center" width="300px">

    <input type="text" name="name"></td>>

  </tr>

  <tr>

    <td align="center" width="100px">性别:</td>

    <td align="center" width="300px">

    <input type="radio" name="sex" value="男">男

    <input type="radio" name="sex" value="女">女</td>

  </tr>

  <tr>

    <td align="center" width="100px">年龄:</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="address"></td>

  </tr>

  </table>

</form>

 <h1 id="myHead" onclick="getHead()">看看三种获取节点的方法</h1>

<p>点击标题弹出它的值</p>

<input type="button" onclick="getTagElements()" value="看看标签名称为input的有几个?">

<input type="button" onclick="getElements()" value="看看节点名称为sex的有几个?" >

<script type="text/javascript">

 

     function getValue()

     {

      var myH=document.getElementsById("myHead");

    alert(myH.innerHTML);

  }

  function getElements() {

var myS=document.getElementsByName("sex");

        alert(myS.length);

  }

  function getTagElements(){

    var myI=document.getElementsByTagName("input");

    alert(myI.length);

  //alert("documet.getElementsByTagName("input").length");

  }

</script>

</body>

</html>


写回答 关注

2回答

  • 学习js
    2017-03-02 15:31:43
    已采纳

    onclick="getHead()"

     function getValue()

    方法名要一致

    学习js 回复胖丫

    没事的,控制台这个东东你知道不?在浏览器上按F12就看到console了,会报你代码错的

    2017-03-02 16:23:23

    共 7 条回复 >

  • 胖丫
    2017-03-02 16:37:12

    刚试过了,并没有报错误,不会用,我用的sublime,控制台刚去百度了,还是不太清楚,求指教

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题