javascript - エレメント クロス ブラウザで表示プロパティ flex を設定する

Question

これらのプロパティを設定できますか:

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

JavaScript を使用した要素について。私は通常、次のようにします。

var element = document.getElementById("#element")

element.style.display = "flex";

しかし、そこにある残りのプロパティはどうですか?それらを適用するにはどうすればよいでしょうか?

Answer 1

css に追加するのはどうですか：

.flexbox{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

そして、このトピックで述べたように、クラス「.flexbox」を要素に追加します。

特定の要素にクラスを追加するにはどうすればよいですか?