Ukryj element H1 za pomocą JavaScript

Question

Chcę ukryć element <h1> za pomocą zwykłego javascript, a nie jQuery, bez dodawania do tagu id="whatever" lub class="whatever". czy to możliwe?


Dlaczego nie mogę po prostu dodać id = "whatever" do tagu?
Używam UIButton w xCode, który po kliknięciu wstrzykuje javascript do UIWebView. Wewnątrz tego interfejsu UIWebView znajduje się element H1 znajdujący się na stronie internetowej, do której nie mam dostępu, aby dodać <h1 id="whatever">. Mam nadzieję, że to ma sens.

Answer 1

document.getElementsByTagName('h1')[0].style.display = 'none'; 

Answer 2

można użyć getElementsByTagName

document.getElementsByTagName("h1") 

Ale będzie to dostęp do wszystkich h1 elementy, tak aby być bardziej konkretny niego dostęp przez index jak ten

document.getElementsByTagName("h1")[0].style.display = "none"; 

Answer 3

użytkowania getElementsByTagName aby ukryć najpierw h1 na swojej stronie:

document.getElementsByTagName("h1")[0].style.display = "none"; 
//        ^index 0, so that's the first `h` that's found. 

lub je ukryć wszystko:

var headers = document.getElementsByTagName("h1"); 
for (var i = 0, l = headers.length; i < l; i++;) { 
    headers[i].style.display = "none"; 
} 

lub nawet jeszcze lepiej, jeśli można modyfikować CSS:

h1{ 
    display:none; 
} 

dla rozwiązań JavaScript, proszę pamiętać, że tylko oni będą działa po załadowaniu DOM.

Dodaj słuchacza domready zdarzeń, takich jak to:

window.addEvent('domready', function() { 
    // modify your DOM here. 
}); 

Answer 4

Można użyć getElementsByTagName metody:

var h = context.getElementsByTagName('h1'); 
for (var i = h.length; i--;) { 
    h[i].style.display = 'none'; 
} 

Gdzie context jest document lub bardziej konkretny węzeł nadrzędny chcesz wyszukać swoje nagłówki wewnątrz.

Istnieje jednak lepsze rozwiązanie. Można dodać konkretną klasę do jakiegoś węzła nadrzędnego i ukryć nagłówków podrzędnych z CSS:

.without-headers h1 {display: none;} 

Answer 5

tylko niewielkich zmian w kodzie dfsq za

var h = document.getElementsByTagName('h1'); 

for (var i =0; i<h.length; i++) { 
    document.getElementsByTagName('h1').item(i).style.display = 'none'; 
    }