Javascript Class Ekleme
Merhaba. Tasarımımda gizlemek için class eklemek istiyorum fakat aşağıdaki kodlar çalışmıyor. Bir hata mı var acaba bakabilirmisiniz ?
var element = document.getElementById("content");
element.classList.add("hide");
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (13)
content
class ının içindeyse şöyle yapabilirsin.
$('.content b').addClass('hide')
veya javascript ile şöyle yapabilirsin
document.querySelectorAll('.content b').forEach(function(b){
b.classList.add('hide')
})
@masterloka, o zaman normal şekilde kullanacaksın
$('.test b').addClass('hide')
// ya da
const test = $('.test')
$('b', test).addClass('hide')
// ya da
$('.test').find("b").addClass('hide')
@makifgokce bir sonraki B'ye ekliyor fakat altındakine eklemesini istiyorum.
<div class=test>
<b> </b>
</div>
@masterloka Jquery ile aşağıdaki gibi yapabilirsin.
.content
'ten sonra gelen id
attributeüne sahip tüm b
'lere .hide
class'ı ekler
$('.content').nextAll("b[id]").addClass('hide')
hocam şunu yapmak istiyorum ama yapamadım.
Örnek olarak:
<div class="content">content alanı</div>
<b id="test"> </b>
Test id sine class vermek istiyorum fakat getElementById ile değilde
"Content" clasınının altındaki b'ye diye vermek istiyorum. Burda B id si sürekli değişken olduğu için getElementById ile olmuyor.
şu kodları çalıştırırsan kodların çalıştığını görebilirsin, eğer değerleri sonradan ekleyip olmayan bir elemana işlem uygulamaya çalışıyorsan bu hatayı alırsın.
<div id="content">content alanı</div>
<script>
var element = document.getElementById("content");
element.classList.add("hide");
</script>
<style>
.hide {
display: none;
}
</style>
window.onload = function() {
let element = document.querySelector("#content");
element.classList.add("hide");
}
Acaba sayfada jquery mi var?
// getElementById yerine querySelector kullan
let element = document.querySelector("#content"); // Css seçicileri ile çalışır
element.classList.add("hide");
Dostum yazdığın kodun html kısmında sorun olabilir mi?