Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
mengganti className secara spesifik dengan javascript?
contoh :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<style media="screen">
.kelas_1 {color: red;}
.kelas_1_a {color: red;}
.kelas_2 {color: blue;}
.kelas_2_a {color: blue;}
</style>
</head>
<body>
<header>
<div class="kelas_1">
<div class="kelas_1_a">
index_0
</div>
</div>
</header>
<div class="container">
<div class="nav">
<div class="row">
<div class="kelas_1_a">
index_1
</div>
</div>
<div class="row">
<div class="kelas_2_a">
<div class="kelas_1_a">
index_2
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="kelas_1">
<div id="seleksi_id" class="kelas_1_a">
index_3
</div>
</div>
</footer>
<button type="button" onclick="ganti()" name="button">click</button>
<script type="text/javascript">
var button = document.getElementsByTagName('button');
function ganti() {
var jui = document.getElementsByClassName('kelas_1_a')[1];
jui.className = 'kelas_2_a';
var seleksi_id = document.getElementById('seleksi_id');
seleksi_id.className = 'kelas_2_a';
}
</script>
</body>
</html>
disini saya mengganti kelas dengan memilih langsung nama kelasnya yang disisipkan no index, nah gimana caranya memilih kelas secara spesifik sesuai parentnya, pada kasusnya terdapat banyak kelas yang sama, dan kalo memilih sesuai urutan index, mungkin capek kalo saya harus mencari atau menghitung no index dari tiap kelas.. tapi tanpa jquery yah.. dan tanpa di selipin attribute id..
2 Jawaban:
memang kalau button nya di klik, harapan nya seperti apa ? (filter berdasarkan parent nya kah, atau ganti semua class 'kelas_1_a', dsb ) bisa lebih spesifik maunya gimana ?
masalahnya bukan pada eventnya bang, tapi lebih ke pemilihan element, kalo dari pertanyaan diatas saya menanyakan cara memilih class secara spesifik sesuai parent nya,
dan saya sudah temukan jawabannya, ternyata saya melewatkan suatu fungsi yang luar biasa dari javascript, hanya dengan querySelectorAll, sudah terjawab semua,
thank's yah bang dah meresponse pertanyaan yang mungkin general bagi yang sudah mengerti..