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


Копирование/Клонирование узлов
Иногда не нужно создавать и вставлять новые элементы, а требуется сделать копию уже имеющегося узла. Для этого можно использовать метод cloneNode (). Метод имеет один аргумент типа Boolean, указывающий, что должна включать копия — только сам элемент или вместе с дочерними узлами (это называется глубоким клонированием). Вот пример, демонстрирующий возможности копирования и вставки узлов:

<!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; charset=ISO-8859-1" />
</head>
<body>
<p id="p1">Это <em>проверка</em> клонированя</p>
<hr />
<div id="inserthere" style="background-color: yellow;">
</div>
<hr />
<script type="text/javascript">
<!--
function cloneAndCopy(nodeId, deep)
{
var toClone = document.getElementById(nodeId);
var clonedNode = toClone.cloneNode(deep);
var insertPoint = document.getElementById('inserthere');
insertPoint.appendChild(clonedNode);
}
//-->
</script>
<form action="#" method="get">
<input type="button" value="Кланировать"
onclick="cloneAndCopy('p1',false);" /><br />
<input type="button" value="Глубокое клонирование"
onclick="cloneAndCopy('p1',true);" />
</form>
</body>
</html>


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


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

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


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







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