JavaScript Reference/Javascript Methods/cloneNode

Материал из Web эксперт
Перейти к: навигация, поиск

"cloneNode()" Example

    
<html>
<body>
<script language="JavaScript">
function function1(){
    var myNode = myButton.cloneNode(true);
    alert(myNode.innerHTML); 
} 
</script>
<button id="myButton" onclick="function1();">Clone node</button>
</body>
</html>



"cloneNode()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<area>                          attribute                     |
|                |<b>                             <base>                        |
|                |<basefont>                      <bdo>                         |
|                |<bgsound>                       <big>                         |
|                |<blockquote>                    <body>                        |
|                |<br>                            <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |<comment>                       <dd>                          |
|                |<del>                           <dfn>                         |
|                |<dir>                           <div>                         |
|                |<dl>                            <dt>                          |
|                |<em>                            <embed>                       |
|                |<fieldset>                      <font>                        |
|                |<form>                          <frame>                       |
|                |<frameset>                      <head>                        |
|                |<hn>                            <hr>                          |
|                |<html>                          <i>                           |
|                |<iframe>                        <img>                         |
|                |<input type="button">           <input type="checkbox">       |
|                |<input type="file">             <input type="hidden">         |
|                |<input type="image">            <input type="password">       |
|                |<input type="radio">            <input type="reset">          |
|                |<input type="submit">           <input type="text">           |
|                |<ins>                           <isindex>                     |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<link>                          <listing>                     |
|                |<map>                           <marquee>                     |
|                |<menu>                          <meta>                        |
|                |<noframes>                      <noscript>                    |
|                |<object>                        <ol>                          |
|                |<optgroup>                      <option>                      |
|                |<p>                             <param>                       |
|                |<plaintext>                     <pre>                         |
|                |<q>                             <s>                           |
|                |<samp>                          <script>                      |
|                |<select>                        <small>                       |
|                |<span>                          <strike>                      |
|                |<strong>                        <style>                       |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <title>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+



"cloneNode()" Syntax, Parameters and Note

Note:
Creates a copy of the current node. 
After an element is cloned, referring to the id of that element returns a collection.
    
Syntax:
    
document.getElementById("elementID").cloneNode(param1)
document.all.elementID.cloneNode(param1) // IE only

Parameters:
    param1   Optional; either true or false, 
             indicating whether or not you want to clone 
             child nodes as well.