原因是头部引入的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.οnlοad=function () {
var s=document.getElementById("a_test") ;
console.info(s);
s.setAttribute("href","//www.baidu.com");
}