v2.5.2
Giriş yap

Javascript Class Ekleme

kleisberg
2,489 defa görüntülendi ve 1 kişi tarafından değerlendirildi

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");
Cevap yaz
Cevaplar (13)
makifgokce
1149 gün önce

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')
})
tayfunerbilen
1149 gün önce

@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')
masterloka
1149 gün önce

@makifgokce bir sonraki B'ye ekliyor fakat altındakine eklemesini istiyorum.

<div class=test> 
    <b> </b>
</div>
makifgokce
1149 gün önce

@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')
masterloka
1149 gün önce

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.

kleisberg
1435 gün önce

id değerli bir div mevcuttu ama class eklenemeyince bende css kodunu aşağıdaki gibi ekledim.

var style = document.createElement('style');
style.innerHTML = `
#content {
display: none;
}
#mainheader{
display: none;
}
`;
document.head.appendChild(style);
tayfunerbilen
1436 gün önce

ş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>
bgokcol
1436 gün önce

Kodda hata yok, verdiği hatanın sebebi #content id'li bir içeriğin olmaması. HTML kodlarınızı iletirseniz bakalım.

webdevyusuf
1436 gün önce
window.onload = function() {
    let element = document.querySelector("#content");
    element.classList.add("hide");
}

Acaba sayfada jquery mi var?

kleisberg
1436 gün önce

Uncaught TypeError: Cannot read property 'classList' of null hatası verdi

webdevyusuf
1436 gün önce
// getElementById yerine querySelector kullan
let element = document.querySelector("#content"); // Css seçicileri ile çalışır
element.classList.add("hide");
kleisberg
1436 gün önce

hocam bir api sistemi ile login kontrolü yapıyorum eğer login olamazsa php echo ile javascript dosyasını çağırıyorum html kısmı o şekilde. Dosya açıldığında da şu hatayı alıyorum Uncaught TypeError: Cannot read property 'classList' of null

webdevyusuf
1436 gün önce

Dostum yazdığın kodun html kısmında sorun olabilir mi?