使用Javascript .getElementsByClassName更改CSS

Question

所以我有一个Wordpress博客需要在用户第一次访问时使用.exp-col-content-holder显示div。

我一直在阅读，我理解使用Javascript设置cookie的概念，但实际上它似乎没有用。我已经削减了我的代码，甚至我的选择器都没有选择。

这是我用来改变div的样式的代码，从display：none到display：block

<script type="text/javascript">
    var element = document.getElementsByClassName('exp-col-content-holder');
    element.style.display = 'block';
</script>

当它在页面上运行时，它似乎不起作用。实际注册一个人之前是否访问过的代码（如果没有，则运行代码）是这样的：

<script type="text/javascript">     
var cookie = document.cookie;
if (cookie.indexOf('visited=', 0) == -1) {
    var expiration = new Date();
    expiration.setDate(expiration.getDate()+100);
    document.cookie = 'visited=1;expires=' + expiration + ';path=/';

    var element = document.getElementsByClassName('exp-col-content-holder');
    element.style.display = 'block';
}
</script>

我哪里错了？我已经尝试将代码移动到页面中的不同位置等等......一切都无济于事。