一、代码出现了报错Uncaught TypeError: cls.forEach is not a function
at BOMdemo02.html:20:13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS-对象-DOM</title>
</head>
<body>
<img id="h1" src="../figure/xl.jpg.jpg"><br><br>
<div class="cls">嘿嘿嘿</div><br>
<div class="cls">嘟嘟嘟</div> <br>
<input type="checkbox" name="hobby">电影</input>
<input type="checkbox" name="hobby">游泳</input>
<input type="checkbox" name="hobby">洗澡</input>
<script>
var cls=document.getElementsByClassName("cls")
cls.forEach(element => {
console.log(cls[element]);
});
var h1=document.getElementById("h1")
alert(h1)
</script>
</body>
</html>
上述代码出现了报错Uncaught TypeError: cls.forEach is not a function
at BOMdemo02.html:20:13
出错的原因是通过getElementsByClassName抓取的类是HTMLCollection对象，没有forEach方法，使用for循环可以读取到
二、混淆方法与属性的调用方式
在javascript中，方法的调用可以使用xx.method()，使用的是括号。
属性的使用是xx.shuxing = “”，比如
这两点需要分清楚。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
