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

ES6 ile DOM'dan bir eleman silmek

ES6 ile DOM'dan bir eleman silmek için remove fonksiyonu kullanmak Devamını oku

Tarayıcı Dünyası

07 May 2018 tarihinde yayınlandı.

ES6'de "use strict" Kullanımına son

27 April 2018 tarihinde yayınlandı.