q #动态创建标记
网页的结构由标记负责创建,js来负责改变某些细节而不改变其底层的结构。
传统方法
document.write
和innerHTML
document.write
document对象的write()方法可以方便快捷的把字符串插入到文档里。
<script>
document.write("<p>this is insert.</p>);
</script>
把结构、行为和样式分开永远都是一个好主意。所以避免使用document.write
。
innerHTML
<div id="testdiv">
<p>This is <em>my</em>content.</p>
</div>
使用这个函数更新js:
window.onload = function(){
var testdiv = document.getElementById("testdiv");
alert(testdiv.innerHTML);
刷新后,innerHTML的属性值显示在一个对话框里<p>This is <em>my</em>content.</p>
innerHTML还可以用于写入元素:
<div id="test div"></div>
window.onload = function(){
var testdiv = document.getElementById("testdiv");
testdiv.innerHTML = "<p>This is <em>my</em>content.</p>"