javascript - 如何通过javascript获取多列css3的css

Question

<div id="multicolum">
<p>Content</p>
</div>

CSS：

  #multicolumn
    {
    text-align: justify;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    height: 100%;
    width: 100%;
    -moz-column-gap: 40px; /* Firefox */
    -webkit-column-gap: 40px; /* Safari and Chrome */
    column-gap: 40px;
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    font-size: 30px;
   }

如何通过javascript而不是jquery获取muticomlum的属性“column-gap”。你能帮助我吗！

Answer 1

将 div 的 id 更改为多列，然后：

document.getElementById("multicolumn").style.columnGap将返回column-gapcss 属性