document.write()方法
document.write方法可以方便快捷的把字符串插入到文档里。它最大的缺点是违背了”分离javascript“原则。即使把document.write语句挪到外部函数里,你也还是需要在HTML文档的<body>部分使用<script>标签才能调用哪个函数。
innerHTML属性
innerHTML属性可以用来读、写某给定元素里的HTML内容。
<div id="textidv">
<p>This is <em>my</em> content.</p>
</div>
<em>标签是斜体的意思.
标准化DOM就像是一把手术刀,innerHTML是一把劈材刀。
当需要把一大段HTML内容插入一个网页时,innerHTML属性更适用。它是一个读写方法,不仅可以用它来读出元素的HTML内容,还可以用它把HTML内容写入元素。
innerHTML属性要比document.write()方法更值得推荐。
DOM提供的方法
DOM是一个双向车道,不仅可以查询文档的内容,还可以刷新文档的内容。只要改变了DOM节点树,文档在浏览器里呈现效果就会发生变化。
createElement()方法
appendChild()方法
createTextNode方法
var testdiv = document.getElementById("testdiv");
var para = document.createElement("p");
testdiv.appendChild(para);
var txt = document.createTextNode(”hello world!");
para.appendChild(txt);
insertBefore()方法
parentElement.insertBefore(newElement,targetElement)
insertAfter()方法
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if(parent.lastChild == targetElement){
parent.appentChild(newELement);
}
else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}