Uncaught TypeError: Cannot set property 'href' of undefined

K先生的守护

于 2018-03-12 09:19:23 发布

阅读量1.1w

点赞数

CC 4.0 BY-SA版权

分类专栏：学习小笔记文章标签： js html

本文链接：https://blog.youkuaiyun.com/baiyecode/article/details/79522718

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

3 篇文章

订阅专栏

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

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

<!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>