原生Javascript 操作 css类名
- 不建议用
.class；- 建议用
#id类名
效果图示下：
案例 · 代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript操作类名.html</title>
<style type="text/css">
.hide{display: none;}
.show{display: block;}
</style>
</head>
<body>
<div class="xs show" id="xs">我是现实的，来不来。</div>
<div class=" hide" id="yc">我是幕后黑手，走不走。</div>
<script type="text/javascript">
document.getElementById('xs').style.display = 'none';
document.getElementById('yc').style.display = 'block';
</script>
</body>
</html>
重要代码提示：
// 请尽量使用id，用于js操作抓取
document.getElementById("xs").style.display="none";
其他无关参考：
-
document.getElementById(nm").classList.add('class', 'name1'); -
document.getElementById(nm").classList.remove('class'); -
document.getElementById(nm").setAttribute()······'; -
document.getElementById(nm").removeAttribute()······';
官方参考：
以上就是关于“ 原生Javascript 操作 css类名 - 踩坑篇 ” 的全部内容。