JavaScript Reference/Javascript Methods/insertAdjacentElement

Материал из Web эксперт
Версия от 18:30, 25 мая 2010; (обсуждение)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"insertAdjacentElement()" Example

    
<html>
<body>
<script language="JavaScript">
function function1() {
   var myElement = document.createElement("<div style="width:300; height:200;"></div>");
   document.all.myButton.insertAdjacentElement("afterEnd", myElement); 
} 
</script>
<button id="myButton" onclick="function1();">Insert element</button>
</body>
</html>



"insertAdjacentElement()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<area>                          <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>                         |
|                |<kbd>                           <label>                       |
|                |<legend>                        <li>                          |
|                |<link>                          <listing>                     |
|                |<map>                           <marquee>                     |
|                |<menu>                          <object>                      |
|                |<ol>                            <option>                      |
|                |<p>                             <plaintext>                   |
|                |<pre>                           <q>                           |
|                |<s>                             <samp>                        |
|                |<script>                        <select>                      |
|                |<small>                         <span>                        |
|                |<strike>                        <strong>                      |
|                |<sub>                           <sup>                         |
|                |<table>                         <tbody>                       |
|                |<td>                            <textarea>                    |
|                |<tfoot>                         <th>                          |
|                |<thead>                         <title>                       |
|                |<tr>                            <tt>                          |
|                |<u>                             <ul>                          |
|                |<var>                           <xmp>                         |
+----------------+--------------------------------------------------------------+



"insertAdjacentElement()" Syntax, Parameters and Note

Note:
Inserts an element in the specified position.
    
Syntax:
    
document.all.elementID.insertAdjacentElement(param1, param2)
Parameters:
    param1   Required; 
             beforeBegin             just before the beginning of the element
             afterBegin              just after the beginning of the element
             beforeEnd               just before the end of the element
             afterEnd                just after the end of the element
    param2   Required; the element to be inserted.