你是不是有这样的疑惑？
写好的html标签，类名获取出来的元素怎么不实现
html页面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实例网页</title>
</head>
<body>
<!-- 这里的id 和 类名是可以相同的 获取的时候是互不影响的 -->
<div class="box"></div>
<div id="box"></div>
</body>
</html>使用的id获取元素
// 这个可以直接使用 因为id是唯一的标识
var box = document.getElementById('box')原本的使用id的为蓝色框
<script>
// 获取id 为 box 的元素
var box = document.getElementById('box')
//示例 将id为box的 框框修改一下颜色
box.style.border = "3px green solid"
</script>修改后的
使用类名获取元素
var box = document.getElementsByClassName('box')<script>
// 获取class为 box 的元素
var box = document.getElementByClassName('box')
//示例 将class为box的 框框修改一下颜色
box.style.border = "3px green solid"
</script>小伙伴到这里编程是否卡住了
正确的代码
<script>
// 获取class 为 box 的元素
var box = document.getElementsByClassName('box')[0]
//示例 将class 为box的 框框修改一下颜色
box.style.border = "3px green solid"
</script>这是因为类名是可以重复使用的，以数组的方式冲上往下依次顺序下去，最开始的类名是[0]
168
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
