document.getElementsByClassName的困难

Question

我想要一个将特定div元素上的显示设置为不显示的函数。
基本上，该功能应删除buttonclick上的所有内容并设置新内容。但是我的代码似乎无效...
这是代码：

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