- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 1
- 2
- 3
- 4
- 5
- 6
再看JS中的代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
结果是:
今天有一个比较困惑的地方
就是value和innerHTML的区别
后来查询了一下
知道了:
div td等HTML元素是没有value属性的 需要用innerHTML
而button text什么的 就有value属性
HTML DOM元素和HTML元素的区别
HTML元素都是静态的
HTML DOM是javascript的一部分
是动态的
innerHTML就是获取或设置指定DOM元素(id)的内容,就是<div id="dddd"></div>之间的东西。与id挂钩。
innerHTML可以方便有快捷的插入大段的HTML内容,但是不能对innerHTML插入的内容进行处理。还有一点要说的是innerHTML不是W3C DOM标准的组成部分,而是一项专利技术。
在document中write脚本是作为文本直接处理,CSS风格奏效
- <script type="text/javascript">
- document.write("<script>alert('aaa')</script>"); //脚本报错
- document.write("<script>alert('aaa')</script>"); //直接显示的是<script>alert('aaa')</script> ,不能生成<script>到新的窗口
- document.write("<style>a{color:red;font-weight:bold;}</style>");
- </script>
::CSS的写入必须使用write方式
document.write只推荐在页面onload之前使用
如果加载时就要用脚本输出,用document.write好一点! 速度会更快!
如果网页已经加载完毕,用innerHTML会更安全一点,用document.write会出错
from here:http://blog.csdn.net/qq_36356142/article/details/53023916
http://blog.csdn.net/yoany/article/details/44460793