无法更改动态创建的div的样式

Question

我动态创建了div并为其分配了类。在css中，我将display：none放进去。我想在某些按钮上单击设置style.display flex。但是它不起作用。有人可以帮忙吗。

                 function dfunc(){
                   var x = document.getElementsByClassName("div00")
                   x.style.display = 'flex';
                 }

                 function add(){
                    var div00 = document.createElement("div");
                    div00.className = "div00";
                    var div0 = document.createElement("div");
                    div0.addEventListener("click", dfunc, false);
                 }

                 .div00{

                   display:none;
                 }