Для некоторых HTML элементов в HTML DOM создаются уникальные объекты.
ТвитнутьНекоторые объекты HTML элементов в DOM помимо набора стандартных свойств и методов (таких как innerHTML, childNode, nodeType, nodeValue) имеют еще и специальные свойства и методы имеющиеся только у них.
Пример
//Обратимся к специальному свойству href элемента a и выведем результат на страницу document.write(document.getElementById("link").href+"<br />"); /* Обратимся к специальным свойствам type и value элемента input button и выведем результат на страницу */ document.write(document.getElementById("button").type+"<br />"); document.write(document.getElementById("button").value+"<br />"); //Обратимся к специальному свойству src элемента img и выведем результат на страницу document.write(document.getElementById("image").src+"<br />");
Ниже мы приводим список HTML элементов, которые имеют в DOM специальные свойства и методы:
Обратите внимание: нажав на название элемента в списке выше Вы переместитесь на страницу соответствующего элемента в HDOM справочнике.
Задание 1 выведите на страницу из скрипта значения следующих атрибутов: alt, href, method, name, action, height, src, value, если они присутствуют у элементов заданных на странице.
Пример
<a href='www.wisdomweb.ru' name='link1' > wisdomweb.ru </a> <form action='www.wisdomweb.ru/form.html' method='get' name='form1' > <input type='button' name='button1' value='Нажми на меня' /> </form> <img alt='Ергаки' name='image1' src='mountimg.jpg' />
Задание 2 удалите из таблицы строки 2 и 4 с помощью скрипта. Затем добавьте в таблицу с помощью скрипта следующие строки: Японский | 123, Французский | 120, Немецкий | 118.
Пример
<table border='1'> <tr> <th>Язык</th> <th>Общее количество говорящих(млн.)</th> </tr> <tr> <td>Английский</td> <td>500-1600</td> </tr> <tr> <td>Испанский</td> <td>390</td> </tr> <tr> <td>Китайский</td> <td>1025</td> </tr> <tr> <td>Русский</td> <td>250</td> </tr> <tr> <td>Хинди</td> <td>450</td> </tr> </table>