masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menukar kelas ul dalam javascript

Bagaimana untuk menukar kelas ul dalam javascript

WBOY
Lepaskan： 2022-03-31 16:48:54
asal
2194 orang telah melayarinya

Kaedah: 1. Gunakan "document.getElementsByTagName("ul")" untuk mendapatkan objek ul 2. Gunakan atribut className untuk menukar kelas ul. Sintaksnya ialah "ul object.className =new class".

Bagaimana untuk menukar kelas ul dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Bagaimanakah JavaScript menukar kelas

atribut className ul untuk menetapkan atau mengembalikan atribut kelas bagi elemen.

Sintaks adalah seperti berikut:

Dapatkan nilai atribut: 

HTMLElementObject.className
Salin selepas log masuk

Tetapkan nilai atribut: 

HTMLElementObject.className=classname
Salin selepas log masuk

Contohnya adalah seperti berikut:

Senarai ringkas tidak tertib, gaya ul sebelum mengklik butang ialah uhh1

Selepas mengklik butang, panggil Nama kelas dalam semak fungsi untuk menukar gaya ul daripada uhh1 Hasil keluaran untuk uhh2

<style type="text/css">
            .uhh1{color:#CCCCCC;font-size:12px;}
            .uhh2{color:#FF6600;font-size:24px;}
        </style>
        <script>
        function check()
        {
            var uul = document.getElementsByTagName("ul")[0];
            uul.className = "uhh2";
        }
        </script>
    </head>
    <body>
        <ul class="uhh1">
            <li><a href="#">首 页</a></li>
            <li><a href="#">新闻快讯</a></li>
            <li><a href="#">产品信息</a></li>
            <li><a href="#">联系我们</a></li>
            <br />
            <button onclick="check()">click me</button>
            
        </ul>
    </body>
Salin selepas log masuk

:

Bagaimana untuk menukar kelas ul dalam javascript

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web】

Atas ialah kandungan terperinci Bagaimana untuk menukar kelas ul dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
javascript
sumber：php.cn
Artikel sebelumnya：Apakah perbezaan antara let dan const dalam es6 Artikel seterusnya：Apakah kegunaan import dalam es6
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Kaedah CSS sahaja untuk mengubah suai imej src secara dinamik pada klik tanpa menggunakan JavaScript Saya perlu menukar src imej pada klik tetikus hanya menggunakan css seperti img:active{}
daripada 2024-04-06 19:25:49
0
1
505
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Acara tuding JavaScript pada elemen pseudo khusus vendor 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
daripada 2024-04-06 15:35:24
0
1
274
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Sesuaikan penampilan pengepala akordion Bootstrap menggunakan kelas CollapseDisplay Saya ingin menggayakan tajuk kad panel dengan rancangan runtuh kelas. Dalam contoh ini, ia...
daripada 2024-04-06 12:53:11
0
1
376
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan