问答详情
源自:9-5 getAttribute()方法

这个为什么只输出了一个hobby1呢?大佬们求看

<!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

        <title>无标题文档</title>

    </head>

    

    <body>

        <form>

请选择你爱好:<br>

<input type="checkbox" name="hobby" id="hobby1">  音乐

<input type="checkbox" name="hobby" id="hobby2">  登山

<input type="checkbox" name="hobby" id="hobby3">  游泳

<input type="checkbox" name="hobby" id="hobby4">  阅读

<input type="checkbox" name="hobby" id="hobby5">  打球

<input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

<input name="get" type="button" value="获取hobby的id属性值" onclick = "getid();">

        </form>

        <script type="text/javascript">

function getid(){

var con=document.getElementsByName("hobby");

var i=0;

while(i<con.length){

    var text=con[i].getAttribute("id");

document.write(text+"<br>");

i++;

}

}

        </script>

    </body>

</html>


提问者:BurlyLife 2018-06-06 22:16

个回答

  • 那人那人
    2018-06-13 17:10:00

    循环里是可以写document.write()的!!!可能是因为onclick 点击事件 点击一下事件发生后,做不了循环;

  • BurlyLife
    2018-06-07 16:28:39

    我就是想问为什么这里不能输出,循环里面可以写document.write()函数吧?

  • 阳火锅
    2018-06-07 12:00:01

    循环里面不能写document.write()这个函数,不信你可以把document.write()换成alert()试一下。。然后text变量要先定义成var text=“” 然后用   text += con[i].getAttribute("id");