javascript之获取标签

最新推荐文章于 2023-08-22 08:49:15 发布

窗画斜阳

最新推荐文章于 2023-08-22 08:49:15 发布

阅读量382

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40856548/article/details/78495478

本文介绍了一个简单的HTML页面结构，并展示了如何使用JavaScript进行页面元素的选择与内容修改。通过实例代码，读者可以了解到如何利用window.onload事件确保页面加载完成后执行特定脚本，以及如何通过getElementById方法获取并操作DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script>
// window.onload=function(){大括号里面是自己写的代码}
// 入口函数：延迟加载。
// 通过id名获取元素：document.getElementById('txt')

// 修改html内容
// 获取的元素.innerHTML='修改之后的内容'

// 获取html内容
// 获取的元素.innerHTML
window.onload=function(){
// document.getElementById('txt').innerHTML='修改之后的内容'; （第一次运行代码后，将注释去掉再运行一次，就可看到区别）

console.log(document.getElementById('txt').innerHTML)
}

</script>
</head>
<body>
<p id="txt">帅气逼人</p>
<button id="btn">按钮</button>
</body>

</html>

以上是完整代码，可直接复制粘贴运行。