JasvaScript: Есть ли у JavaScript возможности Cross-Browser как CSS?

Question

Я заметил, что CSS имеет аргументы Cross-Browser, такие как -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";