<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul class="ul">
<li class="red">列表项01</li>
<li>列表项02</li>
<li class="green">列表项03</li>
<li>列表项04</li>
<li class="yellow">列表项05</li>
</ul>
</body>
<script>
var red = document.getElementsByClassName('red');
// console.log(red);
red[0].style.background = 'red'
//改方法不仅可以在document对象上调用，也可以在元素上调用，一般是在父元素上调用
document.getElementsByClassName('ul').item(0)
.getElementsByClassName('green').item(0)
.style.background = 'green'
//class支持多值
var yellow = document.getElementsByClassName('yellow')[0];
yellow.style.background = 'yellow';
yellow.style.fontSize = '1.5rem'
</script>
</html>博客列表 >根据class获取元素
根据class获取元素
- 玄夜的博客原创转载
- 2019年01月08日 11:40:198210浏览
上一条：根据css获取元素下一条：根据name和标签名获取元素
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议