So legen Sie den CSS-Stil von Elementen in js fest

Einstellungsmethode: 1. Verwenden Sie die Anweisung „Object.setAttribute('style', 'Property:Value')“ 2. Verwenden Sie die Anweisung „Object.style.setProperty('Attribute', 'Value')“; . Verwenden Sie die Anweisung „Object.style.cssText='property:value'“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methode 1: Verwenden Sie setAttribute()

<p id="p">hello world<p>

<button onclick="myFunction()">点击按钮，设置css样式</button>

<script>
function myFunction() {
	document.getElementById("p").setAttribute(&#39;style&#39;, &#39;color:#FF0000&#39;);
}
</script>

Rendering:

Methode 2: Verwenden Sie setProperty()

<p id="p">hello world<p>

<button onclick="myFunction()">点击按钮，设置css样式</button>

<script>
function myFunction() {
	document.getElementById("p").style.setProperty(&#39;font-size&#39;, &#39;50px&#39;);
}
</script>

Rendering:

Methode 3: cssText-Attribut

<p id="p">hello world<p>

<button onclick="myFunction()">点击按钮，设置css样式</button>

<script>
function myFunction() {
	document.getElementById("p").style.cssText=&#39;font-size:50px;color: red;&#39;;
}
</script>

Rendering:

[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]

Das obige ist der detaillierte Inhalt vonSo legen Sie den CSS-Stil von Elementen in js fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!