<!DOCTYPE html> <html> <head> <script> function boom() { d.setAttribute('dir', "auto"); c.setAttribute('dir', "auto"); d.removeAttribute('dir'); c.removeAttribute('dir'); b.setAttribute('dir', "auto"); } </script> </head> <body onload="boom();"> <div id="a" dir="auto"><div id="b"><div id="c"><div id="d"></div></div></div></div> </body> </html>