Uncaught TypeError: Cannot set property 'href' of undefined

最新推荐文章于 2025-09-18 19:48:12 发布

原创最新推荐文章于 2025-09-18 19:48:12 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #html

学习小笔记专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个关于使用JavaScript修改HTML中a标签href属性值的问题。问题在于JS代码尝试在DOM元素尚未完全加载时就修改其属性，导致获取的href为空。解决办法是将JS代码放置在HTML文件底部，确保DOM元素已加载完成。

<!DOCTYPE html>
<html>
<head>
<title>测试js</title>
<script>
var zy_href=document.getElementsByClassName('test_a');
zy_href[0].href="https://www.youkuaiyun.com/";
</script>
</head>
<body>
<a id="test" class="test_a" href="http://www.baidu.com" target="_blank">点击</a>
</body>
</html>

上面是我出问题的代码，这个问题其实说的就是标签的href值未定义，出现这个问题的原因是我们在下面html代码未执行完的情况下去获取的href值所以是空的。
这时候我们只需要把我们的js代码移到最下面就行了。
最后代码如下：

<!DOCTYPE html>
<html>
<head>
<title>测试js</title>
</head>
<body>
<a id="test" class="test_a" href="http://www.baidu.com" target="_blank">点击</a>
<script>
var zy_href=document.getElementsByClassName('test_a');
zy_href[0].href="https://www.youkuaiyun.com/";
</script>
</body>
</html>