JavaScript：JavaScript 是否具有与 CSS 一样的跨浏览器功能？ [复制]答案

【问题标题】：JasvaScript: Does JavaScript Have The Cross-Browser Capabilities As CSS? [duplicate]JavaScript：JavaScript 是否具有与 CSS 一样的跨浏览器功能？ [复制]
【发布时间】：2017-02-15 21:24:27
【问题描述】：

我注意到 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);
}

【问题讨论】：

stackoverflow.com/questions/8889014/…
你为什么不试试看它是否有效？
@Connum 我很确定它们不起作用。我希望有人确认。
@BradleyWilliamElko - 你不能因为？
@evolutionxbox 我可以而且我做到了，但他们没有，但为什么？ JavaScript 跟上 CSS 还是我错过了什么？

标签： javascript css cross-browser

【解决方案1】：

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

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

【讨论】：

我试过了，但它不起作用。