Пишем в элемент и меняем атрибут элемента:
<p id = "myText">Text to change</p><input id = "btnToClick" type = "button" value = "Click" onclick = "changeText()"/>
А во внешнем подключаемом файлике пишем:
function changeText()
{
document.getElementById("myText").innerHTML = "New text";
document.getElementById("btnToClick").setAttribute("value", "Clicked");
}
Коварный document.write()
Если вызывать document.write() после загрузки страницы, например, по кнопке (см. код ниже), то она потрет всю бывшую на странице информацию и выведет то, что просят.Вызываем по клику на кнопке фукцию, в которую пишем простое и незателивое:
document.write("Clear the page");
Длинные строки
Чтобы не растягивать код и не делать его трудночитаемым, по крайней мере в местах, где он тянется по причине вот таких конструкций:document.getElementById("MyElement").innerHTML = "Буря мглою небо кроет, вихри снежные крутя, то как зверь она завоет, то заплачет как дитя.";
Можно использовать перенос строки:
document.getElementById("MyElement").innerHTML = "Буря мглою небо кроет, \
вихри снежные крутя, \
то как зверь она завоет, \
то заплачет как дитя.";
С переносами быть осторожнее, последним символом в строке должен быть \, а не пробел.
Многострочные комментарии
/* Это многострочный комментарий.* Его можно оформлять коряво.
* А можно так, чтобы было легко читать.*/
Если выключен JS
Первый вариант:<noscript>Сообщение пользователю, что у того выключен js и часть функционала (а то и весь) работать не будет.</noscript>
Второй вариант:
<style>
#NoJS {display: none;}
</style>
И применение:
<p id = "NoJS">Сообщение пользователю, что у того выключен js и часть функционала (а то и весь) работать не будет.</p>
