Создание дубликата элемента

[Sivik]

всем привет)

прошу помочь с таким вопросом:
как создать точную копию элемента, со всеми его атрибутами и пр.?

к примеру есть элемент

<input name="name" type="text" placeholder="" title="какой-то текст" id="id" required>

нужно создать точную копию элемента, но без прибегания каждый раз к createElement и его setAttribute, ибо слишком много кода.

заранее спасибо)

[danik.js]

cloneNode()

[Sivik]

о, спасибо большое)

и ещё один вопрос. как клонировать элемент, но указать, что один из атрибутов будет иметь иное значение?

[danik.js]

Склонировать, и указать новое значение атрибута.

[ruslan_mart]

Ну так просто укажите клонированному элементу своё значение атрибута.

var elem = document.getElementById('id'),
    newElem = elem.clone;

newElem.name = 'new-name';

[ruslan_mart]

danik.js, блин, опередил.

[Sivik]

спасибо вам, ребята) помогаете чайнику)

кстати, а можно ли указать не конкретно клонируемому элементу, а его потомкам? при клонировании целого дерева элементов

[Aetae]

.cloneNode(true)

клонирует и детей.
А дальше - склонированая нода - точно такая же как и любая другая, и методы работы с ней те же.

[Sivik]

не совсем понял(

к примеру, клонируется форма:

<form id="id1">
    <select name="name1">
        <option value="1">вариант 1</option>
        <option value="2">вариант 2</option>
        <option value="3">вариант 3</option>
    </select>
</form>

клонируется всё, это понятно. я знаю теперь, как задать другой айдишник клону формы. но возник вопрос: как достучаться, к примеру, до селекта и изменить нейм, или даже до опшина?

надеюсь, правильно объяснил

[danik.js]

И на кой хер тогда делать клон если в итоге ты все переиначиваешь?
Просто создай форму, в ней селект и нафигачь опшнов.