在html文档中,加入以下元素
<p>This is <em>my</em> content.</p>
//以下方法中用到:getElementById、getElementsByTagName
//创建元素节点用到:createElement、createTextNode、appendChild
function createTestDiv() {
if (!document.getElementById) {
return false;
}
if (!document.getElementsByTagName) {
return false;
}
if (!document.getElementsByTagName('body')) {
return false;
}
var bodyer = document.getElementsByTagName('body');
var para = document.createElement('p');
//创建标签<em>
var emphasise = document.createElement('em');
//创建标签<em>中的内容
var emtext = document.createTextNode('my');
emphasise.appendChild(emtext);
//创建p标签中的其他内容
var txt1 = document.createTextNode('This is ');
var txt2 = document.createTextNode(' content.');
//依次将p中的内容加入元素节点中
para.appendChild(txt1);
para.appendChild(emphasise);
para.appendChild(txt2);
//将创建的p元素插入html文档
testdiv.appendChild(bodyer);
}