无法更改样式:使用getelementbyclassname显示

Question

document.getElementByClassName('xyz').style.display = 'none';

我无法隐藏课程内容.

Answer 1

document.getElementsByClassName返回像对象一样的数组.您可以使用以下脚本

document.getElementsByClassName('xyz')[0].style.display = 'none';

或者如果你想隐藏所有.xyz元素

var x = document.getElementsByClassName("xyz");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.display = 'none';
}

Answer 2

function show(){
var element = document.getElementsByClassName('elem');
console.log(element);
element[0].style.display = 'block';
}

.elem {
  display: none;
}

<div> visible
  <div class="elem">hidden
  </div>
  <button type="button" onclick="show()">click</button>
</div>

getElementsByClassName返回一个数组，不能像这样直接设置元素的样式。