Добавляем...


Работа с атрибутами
У вас, вероятно, возник вопрос о том, как создавать сложные элементы, включающие множество атрибутов. Модель DOM уровня 1 предлагает множество методов, предназначенных для работы с атрибутами элементов, включая getAttribute(имя), setAttribute(имяАтрибута, значение) и removeAttribute(имяАтрибута). В рамках DOM уровня 2 предлагается очень удобный метод hasAttributes() объекта Node, позволяющий выяснить, определены ли для элемента какие-либо атрибуты вообще. Мы не будем здесь вдаваться в детали, поскольку эти методы очень похожи на те, которые мы только что рассмотрели. Следующий пример иллюстрирует возможности работы с атрибутами:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Проверка атрибутов</title>
<meta http-equiv="content-type" content="text/html;" />
</head>
<body>
<font id="test" size="2" color="red">Изменить мои атрибуты!</font>
<script type="text/javascript">
<!--
theElement = document.getElementById('test');
//-->
</script>
<form name="testform" id="testform" action="#" method="get">
Цвет: <input type="text" id="color" name="color" value="" size="8" />
<input type="button" value="Установить цвет" onclick="theElement.setAttribute('color',document.testform.color.value);" />
<input type="button" value="Убрать цвет" onclick="theElement.removeAttribute('color');" />
<br />
Размер:
<select onchange="theElement.setAttribute('size',this.options[this.selectedIndex].text);">
<option>1</option>
<option>2</option>
<option selected="selected">3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
</select>
</form>
<script type="text/javascript">
<!--
document.testform.color.value = theElement.getAttribute('color');
//-->
</script>
</body>
</html>


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика