JavaScript Reference/Javascript Methods/replaceChild — различия между версиями

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

Текущая версия на 08:22, 26 мая 2010

"replaceChild()" Example

    
<html>
<body>
<script language="JavaScript">
function function1() {
   var newElement = document.createElement("u");
   newElement.innerHTML = "Text";
   var oldElement = document.all.myBold;
   document.all.myDiv.replaceChild(newElement, oldElement); 
} 
</script>
<button onclick="function1();">Replace text</button>
<div id="myDiv" 
     style="width:300; height:200; border:solid black 1px;">Sample 
     <b id="myBold">text</b>
</div>
</body>
</html>



"replaceChild()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<area>                          attribute                     |
|                |<b>                             <base>                        |
|                |<basefont>                      <bdo>                         |
|                |<big>                           <blockquote>                  |
|                |<body>                          <br>                          |
|                |<button>                        <caption>                     |
|                |<center>                        <cite>                        |
|                |<code>                          <col>                         |
|                |<colgroup>                      <comment>                     |
|                |<dd>                            <del>                         |
|                |<dfn>                           <dir>                         |
|                |<div>                           <dl>                          |
|                |<dt>                            <em>                          |
|                |<fieldset>                      <font>                        |
|                |<form>                          <frame>                       |
|                |<frameset>                      <head>                        |
|                |<hn>                            <hr>                          |
|                |<html>                          <i>                           |
|                |<iframe>                        <img>                         |
|                |<input>                         <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>                                                         |
+----------------+--------------------------------------------------------------+



"replaceChild()" Syntax, Parameters and Note

Note:
Replaces one element node with another.
    
Syntax:
    
document.getElementById("elementID").replaceChild(param1, param2) 
document.all.elementID.replaceChild(param1, param2) // IE only
Parameters:
    param1   Required; the replacement element node.
    param2   Required; the element node to be replaced.