Heim > Web-Frontend > js-Tutorial > Wie schreibe ich einen Inline-Stil in JS?

Wie schreibe ich einen Inline-Stil in JS?

coldplay.xixi
Freigeben: 2020-06-30 15:37:07
Original
5372 Leute haben es durchsucht

So schreiben Sie den Inline-Stil: 1. Um das zusammengesetzte Attribut zu schreiben, entfernen Sie das „-“ in der Mitte und schreiben Sie das zweite Wort groß. Der Code lautet [alert(box.style.color)]. ; 2. float ist ein Schlüsselwort mit einer besonderen Schreibweise, der Code lautet [alert(box.style.float)].

Wie schreibe ich einen Inline-Stil in JS?

Die Schreibmethode des Inline-Stils in JS ist:

1. Zugriff auf den Elementstil 1. Das Stilattribut Funktioniert nur inline. Der Stil ist nützlich

var box = document.getElementById("box");
Nach dem Login kopieren

2. Um zusammengesetzte Attribute zu schreiben, entfernen Sie das „-“ in der Mitte und schreiben Sie das zweite Wort groß.

 // alert(box.style.color);
    // alert(box.style.fontSize);
Nach dem Login kopieren

3. Float ist ein Schlüsselwort, daher ist es am besten, nicht so zu schreiben

 //alert(box.style.float);
Nach dem Login kopieren

4 Es gibt Unterschiede zwischen Float-Attributen, also und Nicht-ie:

 // alert(box.style.cssFloat); //非ie
    // alert(box.style.styleFloat); //IE专用
Nach dem Login kopieren

5. Float-Aufgabe geben und mit allen Browsern kompatibel

 // typeof box.style.cssFloat !="undefined"?box.style.cssFloat = "right":box.style.styleFloat ="right";
Nach dem Login kopieren

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie schreibe ich einen Inline-Stil in JS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage