javascript - Dapatkan atribut dalam DOM
扔个三星炸死你
扔个三星炸死你 2017-06-26 10:57:22
0
4
588

<!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>
扔个三星炸死你
扔个三星炸死你

membalas semua(4)
学霸

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,

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan