js中的dom(一)

it2024-08-10  44

js中的dom(一) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js中的dom()</title> <script type="text/javascript"> //文档的加载顺序:从上到下一行一行解释执行,如果js代码写在最上端,操作页面的元素,但是页面元素还没有加载出来,这不就麻烦了吗 //可以使用window.onload ,它在整个页面加载完成之后才会触发。确保页面元素被加载完成 window.onload = function(){ var button1 = document.getElementById("bt1"); button1.innerHTML="修改后" button1.onclick = function(){ console.log("被点击了") } }; </script> </head> <body> <button id="bt1">小按钮</button> <!--<script type="text/javascript"> var button1 = document.getElementById("bt1"); button1.innerHTML="修改后" button1.onclick = function(){ console.log("被点击了") } </script>--> </body> </html>
最新回复(0)