Uncaught TypeError: Cannot set property 'href' of undefined

<!DOCTYPE html>
<html>
<head>
<title>测试js</title>
<script>
var zy_href=document.getElementsByClassName('test_a');
zy_href[0].href="https://www.csdn.net/";
</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.csdn.net/";
</script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/baiyecode/article/details/79522718