改变浏览器加载HTML代码的顺序

在表现结构不变的情况下，控制HTML代码的加载顺序 JS

示例如下：（以下情况为，先加载B的内容，然后再加载A的内容，但在表现上A却是排在前面的）

<div id="AA"></div>
<div id="BB" style="display:none;">文字文字文字文字文字文字文字文字文字文字文字文字</div>

<input type="button" id="" value="click" onclick="add()" />

<script type="text/javascript">
    /*<![CDATA[*/
    function add() {
        var obj = document.getElementById("AA");
        var child = document.getElementById("BB");
        child.style.display = "block";
        obj.appendChild(child);
    }
    document.getElementById("AA").add
    /*]]>*/
</script>