定义：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>





运行测试

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

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

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

# javascript # 前端 # 开发语言
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

开源for Huawei，Beam适配GaussDB实践案例分享

avatar 华为开发者空间
cover

华为云数据库亮相创原会：拥抱AI，共创未来

avatar 华为开发者空间
cover

GaussDB典型SQL调优点之自诊断和语句下推调优

avatar 华为开发者空间