JasvaScript:JavaScript是否具有与CSS一样的跨浏览器功能？

我注意到CSS如何具有跨浏览器参数，例如

-webkit-

，和

-moz-

，以及

媒体查询。JavaScript是否有使用
元素.style.[“跨浏览器]；
或任何其他方法的等价物？我通常使用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);
}

我认为您将使用与css相同的字符串，但由于破折号的原因，使用以下语法

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

你为什么不试试看它是否管用？@Connum我很确定它们不管用。我想有人来证实它。@BradleyWilliamElko-你不能，因为？@evolutionxbox我可以，他们没有，但为什么？JavaScript跟上CSS还是我遗漏了什么？我试过了，但它不管用。