DOM 下的一些操作案例

class切换案例 classList.toggle应用

css

<style type="text/css"> div{ width: 300px; height: 300px; background: red; } .on{ display: none; } </style>

html

<button id="toggle">切换class</button> <div> </div>

javas

<script type="text/javascript"> var toggle = document.getElementById("toggle"); var div = document.querySelector("div"); toggle.onclick = function(){ div.classList.toggle("on"); } </script>