document.write()和document.innerHTML

document.write()和document.innerHTML
document对象的write()方法可以方便的把字符串插入到文档里。


看例子:
<script>
document.write('<div><p style="background-color:#EEE;color:#666;border:#CCC solid 1px;height:30">你好啊,我是document.write输出的</p></div>')
</script>



  提示:您可以先修改部分代码再运行

但是这个方法有个很大的缺点,它无法和结构分离开来。必须在结构层通过标签才能使用

innerHTML属性
使用innerHTML属性必须通过id进行“挂钩”

<body>
<div id="test"></div>
<script>
var testdiv=document.getElementById("test");
testdiv.innerHTML='<p style="background-color:#EEE;color:#666;border:#CCC solid 1px;height:30">你好啊,我是document.innerHTML输出的</p>'
</script>
</body>


  提示:您可以先修改部分代码再运行
innerHTML可以方便有快捷的插入大段的HTML内容,但是,你不能对innerHTML插入的内容进行处理。还有一点要说的是innerHTML不是W3C DOM标准的组成部分,而是一项专利技术

posted @ 2009-04-07 15:31  飘逸的程序员  阅读(3037)  评论(0编辑  收藏  举报