javascript关于DOM的一个问题

我写的一个function，期望达到的效果是：
Celine and Julie go there by bus.
但这个function实际在网页上出来的效果是：
and go there Celine Julie by bus.
字体上加粗和加斜都显示正常。
就是单词的顺序不对了，请教如何作出调整。

function ajoutDivDom(){
var i = document.createElement("<i>");
var b = document.createElement("<b>");

document.body.appendChild(i);
document.body.appendChild(b);

var t = document.createTextNode("Celine ");
b.appendChild(t);
var t = document.createTextNode("and ");
i.appendChild(t);
var t = document.createTextNode("Julie ");
b.appendChild(t);
var t = document.createTextNode("go there ");
i.appendChild(t);
var t = document.createTextNode("by bus ");
b.appendChild(t);
}

function ajoutDivDom()
{
var i = function(inner)
{
var _i = document.createElement("i");
_i = document.body.appendChild(_i);
_i.appendChild(inner);
}
var b = function(inner)
{
var _b = document.createElement("b");
_b = document.body.appendChild(_b);
_b.appendChild(inner);
}

var t = document.createTextNode("Celine ");
b(t);

var t = document.createTextNode("and ");
i(t);

var t = document.createTextNode("Julie ");
b(t);

var t = document.createTextNode("go there ");
i(t);

var t = document.createTextNode("by bus ");
b(t);
}

你append的顺序不对啊 你要搞清楚 你是先把i append到document 然后再把bappend到document里面 那按照你这个顺序 出来的效果就是那样子 我不太清楚你最终要的html效果是如何

document.body.appendChild(b);
document.body.appendChild(i);

你的注意添加到body中的顺序， 这个是关系到谁在前是在后的问题