Bearbeiten Stil funktioniert nicht

Question

Hallo, ich versuche, eine "margin-top" -Eigenschaft in Javascript zu bearbeiten. Der folgende Code-Schnipsel arbeitet in meiner Safari 6.1.6 aber nicht in meiner Safari 10,1

document.getElementById("fbContent").setAttribute("style", "margin-top: 70px!important"); 
document.getElementById("fbContent").style.cssText = "margin-top: 70px!important"; 
document.getElementById("fbContent").style.setProperty("margin-top","70px","important"); 

Irgendwelche Vorschläge, wie dieses Problem zu lösen? p.s. wenn es die möglichkeit gibt, möchte ich jquery nicht benutzen! Dank :)

Update: Dank für die aktuelle Lösung, aber der einzige Browser diese Lösungen Arbeit ist die alte Safari (6.1.6)

Answer 1

Sie können dies tun:

document.getElementById("fbContent").style.marginTop = "70px";

<div id='fbContent'>fbContent</div>

Sie können CSS in die Seite mit JavaScript setzen:

function addNewStyle(newStyle) { 
    styleElement = document.createElement('style'); 
    styleElement.type = 'text/css'; 
    document.getElementsByTagName('head')[0].appendChild(styleElement); 
    styleElement.appendChild(document.createTextNode(newStyle)); 
} 

addNewStyle('#fbContent {width:70px !important;}') 

Mit dieser Methode wird ein style Tag an der Unterseite des Elements head hinzugefügt, das alle vorherigen style Tags überschreibt. Deshalb funktioniert das.

Der Grund, dass die andere "einfache" Option nicht funktioniert, ist rein, weil Javascript es nicht unterstützt.

Answer 2

Versuchen Sie, die CSS-Eigenschaft direkt und nicht über setProperty Methode.

document.getElementById("fbContent").style.marginTop = "70px" 

Answer 3

Ich stimme mit den vorhandenen Antworten es, wie dies zu tun:

document.getElementById("fbContent").style.marginTop = "70px"; 

sicher, dass dies funktioniert, aber es ist eine bessere Art und Weise streng CSS und JS aufzuspalten. Um dies zu erreichen, würde ich empfehlen, eine CSS-Klasse zu definieren und sie mit Ihrem Javascript hinzuzufügen.

CSS:

.marginTop { margin-top : 70px !important; } 

JS:

document.getElementById('fbContent').class += ' marginTop'; 

Oder mit JQuery:

$('#fbContent').addClass('marginTop'); 

Answer 4

CSS einzige Lösung

https://jsfiddle.net/99b85ymb/3/

#fbContent {margin: 'whateverItIs'} 
body #fbContent {margin-top: 70px;} 

<div id="one"> 
    <div id="fbContent"></div> 
</div> 

hoffte, das hilft

EDIT: in meiner Geige ich nur die Hintergrundfarbe funktioniert es zeigt abgezielt. EDIT2: machte es einfacher. Sie müssen nur das CSS jetzt bearbeiten.