<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // js的内置对象,html的文档对象 // 如果获取的对象是null,表示标签没有获取成功 // var oP = document.getElementById("p1"); // alert(oP); // function fnLoad(){ // var oP = document.getElementById("p1"); // alert(oP); // } // 页面标签和数据都加载完成后出发onload事件 // window.onload = fnLoad // 创建一个匿名函数 给window.onload使用 window.onload = function(){ var oP = document.getElementById("p1"); alert(oP); } </script> </head> <body> <p id="p1">哈哈,我是一个段落标签</p> </body> </html> <!-- 这种写法不推荐,知道即可,就是等标签初始化完成再获取 --> <!-- <script> // js的内置对象,html的文档对象 // 如果获取的对象是null,表示标签没有获取成功 var oP = document.getElementById("p1"); alert(oP); </script> -->