Как заменить/изменить текст заголовка внутри <h1></h1>, используя Javascript?

Как изменить/заменить текст: «Привет», используя javascript, чтобы сказать «До свидания»?Как заменить/изменить текст заголовка внутри <h1></h1>, используя Javascript?

<h1 class="titlearea win-type-ellipsis" id="title"> 
    <span class="pagetitle" > 
      Hello 
    </span> 
</h1>

вы явно ссылаясь на JavaScript, но рассмотреть вопрос об использовании JQuery, это сделает вашу жизнь Javascript кодирование намного проще –

ли внутренняя оболочка действительно необходимо? Есть ли еще элементы с '.pagetitle'? – SmokeyPHP

@ DaniëlTulp Не говоря уже о добавлении бессмысленных накладных расходов для чрезвычайно простых задач – SmokeyPHP

document.getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

2013-08-20 11:54:15 mithunsatheesh

Мы не знаем, что это первый на странице, который этот код в настоящее время принимает (он должен быть от имени .... но. ..) – SmokeyPHP

document.getElementById('title').getElementsByTagName('span')[0].innerHTML = 'Goodbye';

2013-08-20 11:54:06 SmokeyPHP

Вот JSBin

Изменение с помощью getElementsByTagName ('поверочного')

document.getElementsByTagName('span')[0].innerHTML = 'Goodbye';

2013-08-20 11:58:10

Только собирается работать, если это первый пролет на странице - может быть, не может .. – SmokeyPHP

Если вы счастливы, чтобы дать устаревшие версии браузеров палец (предпочтительно):

document.querySelector('#title .pagetitle').innerHTML = 'Goodbye';

Опор:

Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit) 
1  3.5 (1.9.1)  8     10  3.2 (525.3) 
     bug 416317         WebKit bug 16587

Смотрите также: document.querySelectorAll

2013-08-20 11:58:43 Emissary

работает, если IE> = 8 – mithunsatheesh

ну, у него есть тег 'html5' –

Стоит нажимать новые приемы :) – Emissary

document.getElementsByClassName("pagetitle")[0].textContent = "Goodbye";

или

document.getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

или

document.getElementById('title').getElementsByTagName('span')[0].textContent = 'Goodbye';

или

document.getElementById('title').getElementsByTagName('span')[0].innerHTML = 'Goodbye';

или

document.getElementById('title').getElementsByClassName("pagetitle")[0].textContent = "Goodbye";

или

document.getElementById('title').getElementsByClassName("pagetitle")[0].innerHTML = "Goodbye";

2013-08-21 23:31:00 Runedrake

ответ