<!DOCTYPE html> <html> <head> <script> function boom() { var outer = document.createElementNS("http://www.w3.org/1999/xhtml", "div"); outer.setAttribute("dir", "auto"); var inner = document.createElementNS("http://www.w3.org/1999/xhtml", "div"); inner.appendChild(document.createTextNode("A")); inner.appendChild(document.createTextNode("B")); outer.appendChild(inner); inner.setAttribute("dir", "ltr"); } </script> </head> <body onload="boom();"></body> </html>