Поиск элементов
<html>
<head>...
<script type="text/javascript">
function ShowDetails(){
var elem=document.getElementById('details');
elem.style.display='block';
}
</script> </head>
<body>
<p>Нажмите кнопку для просмотра подробностей</p>
<button type="button" onClick="ShowDetails()">Подробности</button>
<div id="details" style="display:none">
Здесь представлены все подробности.
</div> </body> </html>
Программное создание, удаления и модификация HTML-элементов
События
- События окна и документа;
- События мыши
- onClick
- ondblclick
- onmouseover
- onmouseout
- onmousemove
-
События клавиатуры
- События формы и элементов формы
- onsubmit
- onreset
- onfocus
- onblur
- onchange
Необходимо ответить на вопрос и задать свой по материалу лекции. Вот первый вопрос.
Перечислите методы объекта document.
forms,links,images
Перечислите методы объекта forms.
Elements, button, checkbox, hidden, text, reset, select, radio, submit, password, textarea
Как можно произвести Поиск элементов?
По идентификатору, по имени (GetElementhByTagName), по имени (getElementByName(‘true’))
Программное создание,удаление,модификация HTML элементов.
createElement (создать HTML-элемент), appendChild (добавить элемент к родительскому элементу в качестве дочернего) и removeChild (удалить дочерний элемент).
События формы и элементов формы.
onsubmit
onreset
onfocus
onblur
onchange
События клавиатуры?
onkeypressed
onkeydown
onkeyup
какие бывают обращения к формам?
1) var myForm
2)myForm
Приведите пример поиска элемента по имени тега.
Например, можно получить второй элемент с тэгом li:
document.getElementsByTagName(‘LI’)[1]
События мыши?
onClick
onmousedown
onmouseup
ondblclick
onmouseover
onmouseout
onmousemove
связь с объектом ?
Объект TextRange
Используя объект TextRange можно редактировать любой текст, а также менять текст, выделенный посетителем на экране.
Объект TextRange создается путем вызова метода createTextRange элемента, который является так называемым владельцем редактирования текста. Это может быть Body, Input, Button и TextArea, причем понятно, что Body — владелец редактирования текста для всех воспроизводимых элементов, а Input, Button и TextArea — владельцы редактирования текста для своего содержания.
Свойства динамического содержания?
innerText. Содержащийся внутри элемента текст без тэгов. При установке нового значения все HTML-тэги выводятся как текст.
innerHTML. Содержащийся внутри элемента текст вместе с внутренними тэгами. При установке нового значения все HTML-тэги интерпретируются броузером.
outerText. Содержащийся внутри элемента текст без тэгов. При установке нового значения меняется весь элемент, включая внешние тэги.
outerHTML. Весь элемент, включая внешние тэги. При установке нового значения все HTML-тэги интерпретируются броузером.