Soru & Cevap

Javascript document.getElementsByTagName Problemi

12.12.2016 - 05:50

Arkadaşlar kolay gelsin. Şöyle bir sorunum var. Webview içerisinde sayfayı göstermeden önce bir takım değişiklikler yaptırmaya çalışıyorum, örneğin bazı tagların webview içerisinde görünmesini istemiyorum bunun için de aşağıdaki şekilde bir kod yazıyorum. Şimdi eğer ki ben görünmesini istemediğim tagların aşağıdaki gibi header, footer, nav şeklinde yaparsam sorunsuz çalışıyor ama eğer bunlar yerine bir class ya da div yaparsam yani #div_adi, .class_adi gibi div isimleri yazarsam bunlara etki edemiyorum. değişik şekillerde de yazmaya çalıştım örneğin getElementsByTagName(div[class=div_ismi]) şeklinde de yazmaya çalıştım ama bir türlü olmadı. Nasıl yapmalıyım ki istediğim her türlü clasa ve dive etki edebileyim?

document.getElementsByTagName('#id_ismi')[0].style.display='none'; //Olumsuz
document.getElementById('#id_ismi')[0].style.display='none'; //Olumsuz

//Bu şekilde sorunsuz çalışıyor ama sadece header footer nav gibi taglara etki edebiliyorum.
webview.loadUrl("javascript:(function() { " +
                        "document.getElementsByTagName('header')[0].style.display='none'; " +
                        "document.getElementsByTagName('footer')[0].style.display='none'; " +
                        "document.getElementsByTagName('nav')[0].style.display='none'; " +

                        "})()");
            }

 

11 Görüntülenme

1 Cevap

Sitedeki sorulara cevap verebilmek için giriş yapın ya da üye olun.

picture-49950-1547400129.jpg
zafercinar
05.12.2019 - 08:38

Merhaba İdris Yağcı,

Öncelikle getElementsByTagName() ile html tag isimlerini seçip alabilirsiniz. Bunlar; html, div, p, nav, title, h1 ... ve benzeri

getElementById() ile de html taglarının id, class ve benzeri özelliklerine göre seçip alabilirsiniz.

Konuyu detaylı anlayabilmen için aşağıdaki kodu paylaşıyorum.

<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1 id="test"></h1>

<script>
document.getElementById("test").innerHTML = "Merhaba JavaScript";
</script>

</body>
</html>