HTML中value与innerHTML、document.write的区别

今天有一个比较困惑的地方

就是value和innerHTML的区别

后来查询了一下

知道了：

div td等HTML元素是没有value属性的 需要用innerHTML

而button text什么的  就有value属性

HTML DOM元素和HTML元素的区别

HTML元素都是静态的

HTML DOM是javascript的一部分

是动态的

document.write直接输出在浏览器，后面继续write ，内容会一直在后面添加。

innerHTML就是获取或设置指定DOM元素(id)的内容，就是<div id="dddd"></div>之间的东西。与id挂钩。

innerHTML可以方便有快捷的插入大段的HTML内容，但是不能对innerHTML插入的内容进行处理。还有一点要说的是innerHTML不是W3C DOM标准的组成部分，而是一项专利技术。

在document中write脚本是作为文本直接处理，CSS风格奏效

[javascript]  view plain  copy

1. <script type="text/javascript">  
2. document.write("<script>alert('aaa')</script>"); //脚本报错  
3. document.write("<script>alert('aaa')</script>"); //直接显示的是<script>alert('aaa')</script> ,不能生成<script>到新的窗口  
4. document.write("<style>a{color:red;font-weight:bold;}</style>");  
5. </script>  

innerHTML 中CSS没有生效，同样，javascript没有生效

：：CSS的写入必须使用write方式

document.write只推荐在页面onload之前使用

如果加载时就要用脚本输出,用document.write好一点! 速度会更快!
如果网页已经加载完毕,用innerHTML会更安全一点,用document.write会出错

顶

0

踩