原生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类名 - 踩坑篇 ” 的全部内容。