Скрыть элемент H1 с помощью JavaScript

Question

Я хочу скрыть элемент <h1>, используя простой javascript, а не jQuery, не добавляя id="whatever" или class="whatever" к тегу. Это возможно?


Почему я не могу добавить id = "безотносительно" к тегу?
Я использую UIButton в xCode, который при нажатии на него вводит javascript в UIWebView. Внутри этого UIWebView есть элемент H1, который находится на веб-сайте, к которому у меня нет доступа, чтобы добавить <h1 id="whatever">. Надеюсь, это имеет смысл.

Answer 1

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

Answer 2

вы можете использовать getElementsByTagName

document.getElementsByTagName("h1") 

Но это будет доступ ко всем h1 элементов, поэтому более конкретный доступ к нему по index как этот

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

Answer 3

Используйте getElementsByTagName, чтобы скрыть сначала h1 на вашей странице:

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

Или, чтобы скрыть их все:

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

Или еще лучше, если вы можете изменить CSS:

h1{ 
    display:none; 
} 

Для решения JavaScript, пожалуйста, имейте в виду, что они только будут когда DOM загружен.

Добавить слушателя domready событий, как это:

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

Answer 4

Вы можете использовать getElementsByTagName метод:

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

Где context является document или более конкретный родительский узел вы хотите найти ваши заголовки внутри.

Однако есть лучшее решение. Вы можете добавить определенный класс в какой-то родительский узел и скрыть дочерние заголовки с помощью CSS:

.without-headers h1 {display: none;} 

Answer 5

только небольшое изменение в коде dfsq в

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

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