html外部引入js文件，无法获取html元素

最新推荐文章于 2021-06-08 16:32:12 发布

知北行

最新推荐文章于 2021-06-08 16:32:12 发布

阅读量4k

点赞数 8

分类专栏： Html+Js 文章标签： html js

本文链接：https://blog.csdn.net/qq_35077107/article/details/101197590

版权

Html+Js 专栏收录该内容

58 篇文章 6 订阅

订阅专栏

原因是头部引入的js文件先于body加载，所以无法获取成功，如果要修改html中body里的内容，在编写外部js文件时，要把操作写在window.onload方法中才能正确获取元素执行相关方法。

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <script src="test.js"></script>
</head>
<body>
<a href="" id="a_test">content</a>

</body>
</html>

外部引入的test.js代码：

window.onload=function () {
    var s=document.getElementById("a_test") ;
    console.info(s);
    s.setAttribute("href","//www.baidu.com");
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

知北行

关注关注

8
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
html外部引入js文件，无法获取html元素

原因是头部引入的js文件先于body加载，所以无法获取成功，如果要修改html中body里的内容，在编写外部js文件时，要把操作写在window.onload方法中才能正确获取元素执行相关方法。html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
复制链接

扫一扫