Проектирование Интернет приложений. Тузовский А.Ф. - 55 стр.

UptoLike

ВУЗ: 

ТПУ | Томск

Составители: 

Рубрика: 

55
работает только с теми элементами, для которых в спецификации явно
предусмотрен атрибут name, например form, input, a, select, textarea и ряд
других, более редких. Данный метод не будет работать с остальными
элементами типа div, p и т.п.
Метод getElementsByClassName() для поиска элементов по
классу, но он работает не во всех браузерах, поэтому его редко исполь-
зуют.
После того, как ссылка на элемент будет найдена, можно менять
его свойства и атрибуты. Например, следующий код изменит цвет тек-
ста на голубой (blue) в div контейнере c идентификатором dataKeeper:
document.getElementById('dataKeeper').style.color = 'blue'
Для изменения в скрипте содержания элементов HTML документа
без перерисовки всей страницы нужно использовать свойство innerHTML
объектов документа. Обычно данное свойство используется вместе с
функцией getElementById() для получения ссылки на требуемый элемент
документа.
document.getElementById('ID элемента').innerHTML = 'содержание';
Например, вывода сообщений в тэге <p> можно выполнить сле-
дующим образом:
<script type="text/javascript">
function Msg1(){
document.getElementById('myText').innerHTML = 'Спасибо!';
}
function Msg2(){
document.getElementById('myText').innerHTML =
'Попробуй получить сообщение 1 еще раз...';
}
</script>
<input type="button" onclick="Msg1()" value="Показать сообщение 1" />
<input type="button" onclick="Msg2()" value="Показать сообщение 2" />
<p id="myText"></p>
Введенный пользователем текст можно вывести на экран в тэге с
id="userMsg":
<script type="text/javascript">
function showMsg(){
var userInput = document.getElementById('userInput').value;
document.getElementById('userMsg').innerHTML = userInput;
}
</script>
<input type="input" maxlength="40" id="userInput" onkeyup="showMsg()"
value="Введите текст здесь ..." />

Страницы