‘parentNode’ etiketi için sonuçlar

Javascript ile üst Elemanı yakalamak(parentNode & parentElement)

Ben şahsen 4-5 defa karşılaştığım bir sorun. İç içe bulunan bir kod yığınında bir nesnenin üst elemanına erişmek için javascript’in hangi özelliğini kullanayım.

Açıkçası ben parantElement özelliğini kullandım her defasında. Ancak Firefox’da çalışmadığını görünce vazgeçtim her seferinde.

Daha sonra aramalar sonucu her ikisininde çalıştırdığı parentNode özelliğini kullanmaya karar verdim.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parentNode örnek sayfası</title>
</head>
<body>
<form id="DugmeFormu">
<input id="Dugme" type="button" value="Üst elemanı göster" onclick="ustEleman();">
</form>
<script language="JavaScript">
function ustEleman() {
var m = document.getElementById("Dugme").parentNode.id;
alert("Üst elemanı: "+'"'+m+'"');
}
</script>
</body>
</html>

Örnek sayfayı görmek için tıklayınız.

Kaynaklar

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.