jasvascript:JavaScript是否具有CSS的跨浏览器功能

Question

我注意到CSS如何具有跨浏览器参数，例如-webkit-和-moz-以及Media Queries。JavaScript是否具有使用element.style.["Cross-Browser];或任何其他方法的等效物？我通常使用JavaScript定义所有元素，并且考虑切换到HTML和CSS。这是此问题的一个示例：

CSS

#div{
    -webkit-padding:4px;
    -moz-padding:4px;
}

javascript

window.addEventListener("load", Start);
function Start(){
    var Div = getElementById("div");
    Div.style.padding = "4px"; //Universal [Works!]
    Div.style.moz.padding = "4px"; //Firefox [Doesn't Work! Why?]
    Div.style.mozPadding = "4px"; //Firefox [Doesn't Work! Why?]
    Div.style.webkit.padding = "4px"; //Chrome or Opera [Doesn't Work! Why?]
    Div.style.webkitPadding = "4px"; //Chrome or Opera [Doesn't Work! Why?]
    document.body.appendChild(Div);
}

Answer 1

我认为您会使用与CSS相同的字符串，但是由于破折号而使用以下语法。

Div.style["-webkit-padding"] = "4px";