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('style', 'color:#FF0000');
}
</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('font-size', '50px');
}
</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='font-size:50px;color: red;';
}
</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!
