JavaScript Reference/Javascript Properties/previousSibling
"previousSibling" Example
<!--
Example revised from
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen
ISBN: 1593270119
Publisher: No Starch Press 2004
-->
<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>
<p>This PARAGRAPH has two nodes,
<b id="myNodeOne">Node One</b>, and
<b id="myNodeTwo">Node Two</b>.
</p>
<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>
"previousSibling" 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> <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> TextNode |
| |<tfoot> <th> |
| |<thead> <title> |
| |<tr> <tt> |
| |<u> <ul> |
| |<var> <xmp> |
+----------------+--------------------------------------------------------------+
"previousSibling" Syntax and Note
Note:
Read-only property.
Returns a reference to the previous child.
Syntax:
document.getElementById("elementID").previousSibling
document.all.elementID.previousSibling // IE only