Fügen Sie über js mehrere Stile zu Elementen hinzu, die vollständig mit den Fähigkeiten von browsers_javascript kompatibel sind

js fügt Elementen mehrere Stile hinzu, die vollständig mit Browsern kompatibel sind. Beispiel für eine Schreibmethode:

<a href="javascript:;" id="test" style="font-size:25px;background:#080;">测试3</a>
<script>
var obj=document.getElementById("test");
var oldStyle=obj.style.cssText;
alert(oldStyle);
obj.style.cssText="border:2px red solid;color:#f00;"+oldStyle;
</script>

js fügt Elementen mehrere Stile hinzu, indem es das Attribut cssText verwendet. Es ist jedoch sehr einfach, den ursprünglichen Wert des Stils beizubehalten Es ähnelt dem obigen Beispiel. Verwenden Sie eine Variable, um den ursprünglichen Stilwert aufzuzeichnen, und führen Sie dann eine Zeichenfolgenverkettung durch.

Aber eine Sache ist zu beachten: Der letzte von obj.style.cssText in den Browsern IE8 und niedriger zurückgegebene Stilwert hat kein Semikolon und sieht so aus: Schriftgröße:25px;Hintergrund:#080. Ich möchte nur sagen, dass es so unangenehm ist wie immer, haha.

OldStyle wird also absichtlich nach dem Zusammenfügen der Zeichenfolge platziert. Auf diese Weise tritt bei der Anzeige des Stils kein Problem auf, auch wenn der letzte Stilwert der zusammengefügten Stilzeichenfolge kein Semikolon enthält Dies ist auch ein kleiner Trick, der nicht sehr technisch ist, aber ich weiß, dass ich ein schlechtes Gedächtnis habe, also markiere ich ihn ^_^