javascriptで要素にクラスを付与したり削除したり(表示・非表示の切替)
javascriptで要素にクラスを付与したり削除したり(表示・非表示の切替)するのは以下のコードで実現
ボタンを押すと要素が現れたり消えたりする
.toggleで実現している
目次
HTMLコード
<button id="button">表示切替</button>
<div class="target">
ここが表示したり消えたりする
</div>
<div class="target">
ここも表示したり消えたりする
</div>
<div>
ここは消えない
</div>
<script>
document.getElementById("button").onclick = function() {
var targetElements = document.getElementsByClassName('target');
[].forEach.call(targetElements, function(elem) {
elem.classList.toggle('hidden');
})
};
</script>
CSSコード
.hidden{
display:none;
}