<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h2 {background:#ccc;}
</style>
</head>
<body>
<h2 style="font-size:40px; color:red; background-color:black;">js控制行内样式</h2>
<script type="text/javascript">
var hh2 = document.getElementsByTagName('h2')[0];
</script>
<script type="text/javascript">
var h2 = document.getElementsByTagName('h2')[0];
console.log( h2.style );
//console.log( h2.style[1] ); //不建议这么用
console.log( h2.style.color );
</script>
</body>
</html>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh mengetahui dengan jelas hubungan mereka dengan melakukan ujian output pada konsol:
h2 ialah objek Dom,
style ialah atribut h2 dan h2.style juga merupakan objek
Dan warna adalah atribut di bawah gaya
Jadi h2.style.color diperlukan, jadi h2.style['color'] juga boleh digunakan
Tambahan: Cara mengeluarkan
Buka penyemak imbas, tekan F12, dan panggil alat nyahpepijat penyemak imbas.
Sebagai contoh, kuku ibu jari kiri anda diwakili oleh atribut objek
你.左手.大拇指.指甲.Kalau cakap
大拇指.指甲, siapa tahu yang mana satu? Siapa tahu ia milik anda...Jadi untuk mencari atribut, kita mesti bermula dari objek (rujukan objek) yang kita tahu dan cari ke bawah.
By the way, rujukan yang disebutkan di sini adalah seperti kata ganti nama "awak", "saya", "dia", atau nama "John", sudah tentu ia secara amnya dipanggil pembolehubah dalam program.
Apakah itu sub-objek?
Tiada percanggahan antara atribut dan objek.
Sifat sesuatu objek boleh mana-mana jenis . Oleh itu, sifat sesuatu objek juga boleh menjadi objek.
Gaya ialah atribut elemen, bukan objek global Anda perlu mendapatkan atribut gaya melalui objek elemen terlebih dahulu,