getElementsByTagName()的選取問題?

getElementsByTagName()的選取問題?

請問如何選取特定的目標(如果標籤都是一樣的)?像我下面的代碼,如果我只想選中value值為1~3的button,請問該怎麼編寫代碼呢?

[html]

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>對象選擇問題</title>

    <script src="test.js"></script>

</head>


<body onload="showOnConsole()">

    <input type="button" value="1">

    <input type="button" value="2">

    <input type="button" value="3">

    <hr>

    <input type="button" value="4">

    <input type="button" value="5">

    <input type="button" value="6">

</body>


</html>

[JavaScript]

function showOnConsole() {

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


    for (var i = 0; i < btnArr.length; i++) {

        console.log("我在btnArr中的索引值為: " + i + " value值為: " + btnArr[i].value);

    }

    console.log("");

    console.log("");

    for (var i in btnArr) {

        console.log("我在btnArr中的索引值為: " + i + " value值為: " + btnArr[i].value);

    }

}


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,1、getElementsByTagName接收一个参数,即要取得元素的标签名,返回值是包含零个或多个元素。

这是 getElementsByTagName的语法,并不能直接使用getElementsByTagName获取value值为1~3的元素。可以通过其他的方式获取,比如,设置value值为1~3的元素class,然后通过获取class名称来获取元素。

2、item value、namedItem等都是元素原型中的属性。

而for...in是一种不同的遍历方式,它会将原型中的属性遍历出来。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

阿寶1118 提问者 2020-08-30 21:15:19

另外加問,請問 為什麼使用for迴圈在遍歷循環數組時,使用for(var i in 數組)時,會多輸出:

陣列索引值(index)   value屬性值
length value           undefined

item value              undefined

namedItem            undefined

呢?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师