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

Redis开源社区持续壮大，华为云为Valkey项目注入新的活力

avatar 华为云开发者联盟
cover

Python文本统计与分析：从基础到进阶

avatar 华为云开发者联盟
cover

教你用Perl实现Smgp协议

avatar 华为云开发者联盟