javascript - How to get html element runtime code to make generic copies? Like copy textbox with text entered into it -
i want able re-create elements keeping user entered, modified , etc. don't want parse every elem manually set value textboxes, manually set checked radiobuttons , etc, need generic way.
is possible?
this have example:
<html> <head> <title>asd</title> <script type = "text/javascript"> function copyelement(elem_id, to_elem_id) { var elem = document.getelementbyid(elem_id); var container = document.getelementbyid(to_elem_id); if (!elem || !container) return; container.innerhtml = elem.outerhtml; } </script> </head> <body> <input type = "text" id = "test_txt" /> <input type = "button" value = "copy textbox" onclick = "copyelement('test_txt', 'for_elem_paste')" /> <span id = 'for_elem_paste'></span> </body> </html> i want copied textbox appear text entered in original textbox. not textboxes, need re-create elements. though innerhtml , outerhtml maintain things modified user :/
you can clone it
function copyelement(elem_id, to_elem_id) { var elem = document.getelementbyid(elem_id); var container = document.getelementbyid(to_elem_id); if (elem && container) { var clone = elem.clonenode(true); clone.id = "some other id prevent id duplication"; container.appendchild(clone); } else homecoming false; } javascript html copy
No comments:
Post a Comment