document.getElementById()基本使用方法————JavaScript_document.getelementbyid.contentdocument

作者：码创造者 | 2024-07-12 02:08:09

踩

document.getelementbyid.contentdocument

定义：getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>getElementById</title>
        
        <script type="text/javascript">
            function player1() {
                //根据Id获取标签对象，此处是[object HTMLButtonElement]
               var PaulObj = document.getElementById("Paul");
                //innerHTML 表示起始标签和结束标签中的内容(这个属性可读、可写)
               alert(PaulObj.innerHTML);
            }

            function player2() {
                var CurryObj = document.getElementById("Curry");
                alert(CurryObj.innerHTML);
            }
        </script>
    </head>
    
    <body>
        <button id="Paul" onclick="player1()">保罗</button>
        <button id="Curry" onclick="player2()">库里</button>
    </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

运行测试

运行界面
在这里插入图片描述

点击按钮"保罗" 弹出 id="Paul"的button标签中的内容 在这里插入图片描述

点击按钮"库里" 弹出 id="Curry"的button标签中的内容 在这里插入图片描述

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】