HTML tablo hücresinin boş olup olmadığını kontrol etmek için javascript kullanma?

Question

Bunlar, bir hücrenin boş olup olmadığını kontrol etmemi sağlayan bazı basit JS kodlarıdır.

"onmouseover = func()" kullanarak çağrılan bir işlevi kodlamaya çalışıyorum; JS kodunu doğru olarak göremiyorum. Herhangi bir fikir?

İdeal olarak çalışmayı denemek, bir hücrenin boş olup olmadığını belirleyebilen bir koddur ve eğer varsa, "Hücre Boşluğu" gibi basit bir değer yerleştirir.

Muhtemelen kulağa çok basit geldiğini biliyorum ama biraz yardım alabilirim. Herhangi bir fikir için teşekkürler.

Answer 1

jQuery kullanıyorsanız, öğe üzerinde html() yöntemini kullanın. Bu kod yapacak

<td id="my_cell"></td> 

: Orada başlangıçta ne olacağını biraz bağlıdır

if ($('#my_cell').html() == '') { 
    $('#my_cell').html('Cell Empty'); 
} 

Answer 2

Bu işaretlemeyi Verilen. Benim deneyimimde, bir hücre sadece beyaz boşluk içeriyorsa tablolar garip davranır ve bu yüzden ortak bir çözüm, çökmesini durdurmak için  'u koymaktır. Neyse, burada kontrol ederdim edebilirsiniz:

function elementIsEmpty(el) { 
    return (/^(\s| )*$/.test(el.innerHTML); 
} 

function replaceCell(td) { 
    if (elementIsEmpty(td)) { 
     td.innerHTML = 'Cell Empty'; 
    } 
} 


<td onmouseover="replaceCell(this)"></td> 

... daha iyi bir yolu JavaScript olay işleyicileri yoluyla davranışları uygulamak olacaktır ama.

jQuery withouth (eski iyi günlerdeki gibi)

Answer 3

:

function func(e){ 
    var target = window.event ? window.event.srcElement : e ? e.target : null; 
    if (target.innerHTML === ''){ 
     target.innerHTML = 'Cell Empty!'; 
    } 
}