JavaScript Reference/Javascript Properties/previousSibling

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

"previousSibling" Example

   <source lang="javascript">
   

<html> <body> <script language="JavaScript"> function function1() {

  var m = document.getElementById("myNodeOne").nextSibling; m ? alert("Yes") : alert("No");

} function function2() {

  alert(document.all.myNodeOne.nodeName);

} function function3() {

  alert(document.all.myNodeOne.nodeType);

} function function4() {

  alert(document.all.myNodeOne.childNodes(0).nodeValue);

} function function5() {

  var m = document.getElementById("myNodeOne").previousSibling;m ? alert("Yes") : alert("No");

} </script>

This PARAGRAPH has two nodes, Node One, and Node Two.

<button onclick="function1();">Node One has a Next Sibling</button> <button onclick="function5();">Node One has a Previous Sibling</button> <button onclick="function2();">Node One Name</button> <button onclick="function3();">Node One Type</button> <button onclick="function4();">Node One Value</button> </body> </html>


     </source>
   
  


"previousSibling" is applied to

   <source lang="javascript">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> <applet> | | |<area> attribute | | | <base> | | |<basefont> | | |<bgsound> |

| |
<body> |

| |
<button> |

| |
|

| | | | |<col> <colgroup> | | |<comment>

| | | |

| |<dir>
| | |
| | | <embed> | | |<fieldset> | | |<form> <frame> | | |<frameset> <head> | | |<hn>
|

| |<html> | | |<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"> | | |<isindex> | | |<label> <legend> |

| |
  • <link> | | |<listing> <map> | | |<marquee> <menu> | | |<meta> <noframes> | | |<noscript> <object> | | |
      <optgroup> | | |<option>

      | | |<param> <plaintext> | | |

                                                            |
      |                |                                                     |
      |                |<script>                        <select>                      |
      |                |                                                 |
      |                |                                              |
      |                |<style>                                                  |
      |                |                                                  |
      |                |<tbody>                                                   |
      |                |                             
        | | | <xmp> | +----------------+--------------------------------------------------------------+ </source>

        "previousSibling" Syntax and Note

        <source lang="javascript"> Note: Read-only property. Returns a reference to the previous child.

        Syntax:

        document.getElementById("elementID").previousSibling document.all.elementID.previousSibling // IE only


        </source>

      |

      | |<textarea> TextNode |

      | |<tfoot>
      |

      | |<thead> <title> |

      | |