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