JavaScript Reference/Javascript Properties/previousSibling
"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> || | |
| |<dir>| | |<col> <colgroup> | | |<comment>
| | | || | |
- | | | <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>
| | |<textarea> TextNode |
| |<tfoot>| | |<thead> <title> |
| || | | | | | <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>