最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js獲取Element元素的四種常用方法

 更新時(shí)間：2023年08月17日 11:42:09   作者：何中應(yīng)  
本文主要介紹了js獲取Element元素的四種常用方法,通過(guò)介紹getElementById、getElementsByClassName、getElementsByTagName和querySelector等方法,幫助讀者了解如何通過(guò)不同的方式獲取頁(yè)面中的元素,感興趣的可以了解一下

js中獲取Element元素的常用方法有以下四種：

  • 【方法一】根據(jù)元素ID：document.getElementById()
  • 【方法二】根據(jù)元素標(biāo)簽：document.getElementsByTagName()
  • 【方法三】根據(jù)元素class名：document.getElementsByClassName()
  • 【方法四】根據(jù)元素name名：document.getElementsByName()

需要注意的是，方法中Element后面加“s”的，返回的是數(shù)組，即便只有一個(gè)對(duì)象，也是長(zhǎng)度為1的數(shù)組。

所以后面調(diào)用時(shí)，記得加上索引（變量名[0]）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js獲取Element元素的常用方法</title>
    <img id="m1" src="./img.jpg" width="200px"> <br />
    <div class="cls"></div> <br />
    <div class="cls"></div> <br />
    <input type="checkbox" name="hobby">運(yùn)動(dòng)
    <input type="checkbox" name="hobby">閱讀
    <input type="checkbox" name="hobby">游戲
</head>
<body>
    <script>
        // 1 根據(jù)元素ID
        let img = document.getElementById("m1");
        console.log(img);
        // 2 根據(jù)元素標(biāo)簽
        let div = document.getElementsByTagName("div");
        console.log(div);
        // 3 根據(jù)元素class名
        let cls = document.getElementsByClassName("cls");
        console.log(cls);
        // 4 根據(jù)元素的name名
        let hobby = document.getElementsByName("hobby");
        console.log(hobby);
    </script>
</body>
</html>

到此這篇關(guān)于js獲取Element元素的四種常用方法的文章就介紹到這了,更多相關(guān)js獲取Element元素內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！ 

相關(guān)文章

最新評(píng)論

綦江县| 遵义县| 灯塔市| 溧水县| 康定县| 金阳县| 文山县| 陆良县| 弥渡县| 北海市| 青田县| 芜湖市| 乌兰县| 湛江市| 夏津县| 隆化县| 景泰县| 绵阳市| 西峡县| 神池县| 亚东县| 昆山市| 若尔盖县| 新蔡县| 峨边| 济宁市| 阜城县| 东安县| 拜泉县| 普宁市| 乌苏市| 五大连池市| 汾阳市| 湘乡市| 泸西县| 财经| 宁远县| 留坝县| 安溪县| 玉林市| 岑溪市|