innerHTML
HTML DOM insertRow() 方法
Definition and Usage
定义与用法
The insertRow() method is used to insert a new row in a specified position in a table.
insertRow()方法可用来往表格中的指定位置上插入新行
Syntax 语法
tableObject.insertRow(index)//索引，增添新行
--------------------------------------------------------------------------------
Example 举例
<html>
<head>
<script type="text/javascript">
function insRow()
{
document.getElementById('myTable').insertRow(0)//在文档中寻找控件
}
</script>
</head>
<body>
Row1 cell1
Row1 cell2
Row2 cell1
Row2 cell2
<form>//表单内放置控件
<input type="button" onclick="insRow()"
value="Insert new row before the first row">//value为控件上将要显示的内容
</form>
</body>
</html>
在js方法中可以直接用成对标签的id.innerHtml对标签内容进行赋值而不需要在js方法中声明变量
innerHTML是html标签的属性，成对出现的标签大多数都有这个属性
是开始标签和结束标签之间的字符，不包括标签本身
比如
aaaaaaaaaa[font id="ss"]bbbbbbbb[/font]
这里的p标签和span标签嵌套在一起
那么pp.innerHTML的内容就是
aaaaaaaaaa[font id="ss"]bbbbbbbb[/font]
ss.innerHTML的内容就是
bbbbbbbb
=========================
类似的一个属性是outerHTML
那么pp.innerHTML的内容就是
aaaaaaaaaa[font id="ss"]bbbbbbbb[/font]
ss.innerHTML的内容就是
[font id="ss"]bbbbbbbb[/font]
innerHTML 属性的使用非常流行，因为他提供了简单的方法完全替代一个 HTML 元素的内容。另外一个方法是使用 DOM Level 2 API（removeChild, createElement, appendChild）。但很显然，使用 innerHTML 修改 DOM tree 是非常容易且有效的方法。然而，你需要知道 innerHTML 有一些自身的问题：
当 HTML 字符串包含一个标记为 defer 的 script 标签（<script defer>…</script>）时，如 innerHTML 属性处理不当，在 Internet Explorer 上会引起脚本注入攻击。
设置 innerHTML 将会破坏现有的已注册了事件处理函数的 HTML 元素，会在某些浏览器上引起内存泄露的潜在危险。
还有几个其他次要的缺点，也值得一提的：
你不能得到刚刚创建的元素的引用，需要你手动添加代码才能取得那些引用（使用 DOM APIs）。
你不能在所有浏览器的所有 HTML 元素上设置 innerHTML 属性（比如，Internet Explorer 不允许你在表格的行元素上设置innerHTML 属性）。
很显然，这不是新问题，已经有能人围绕这些中的某些问题想出了方法。
Douglas Crockford 写了一个 清除函数 ，该函数负责中止由于 HTML 元素注册事件处理函数引起的一些循环引用，并允许垃圾回收器（garbage collector）释放与这些 HTML 元素关联的内存。
从 HTML 字符串中移除 script 标签并不像看上去那么容易。一个正则表达式可以达到预期效果，虽然很难知道是否覆盖了所有的可能性。
再来举个例子
页面上有
那么 怎么在中间写入我们要写的东西呢?
这就可以用到innerHTML
<script language="javascript" type="text/javascript">
document.getElementById("name").innerHTML="AFishMan";
</script>