<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Test GetDir() for elements</title> <script type="text/javascript"> function fill() { div0.dir = ""; div1.dir = "ltr"; div2.dir = "rtl"; div3.dir = "auto"; div4.dir = "foopy"; for (var i = 0; ; ++i) { div = document.getElementById("div" + i); if (!div) break; span = document.getElementById("span" + i); span.innerHTML = div.dir; } } </script> </head> <body onLoad="fill()"> <div id="div0">dir="", getDir returns "<span id="span0"></span>"</div> <div id="div1">dir="ltr", getDir returns "<span id="span1"></span>"</div> <div id="div2">dir="rtl", getDir returns "<span id="span2"></span>"</div> <div id="div3">dir="auto", getDir returns "<span id="span3"></span>"</div> <div id="div4">dir="foopy", getDir returns "<span id="span4"></span>"</div> <div id="div5">no dir attribute, getDir returns "<span id="span5"></span>"</div> </body> </html>