在div中使用innerHTML的注意事项

当我们取得一个DIV对象时，向这个DIV中动态的添加内容时，会替换掉原有的DIV中的内容：

比如，

html：

<div id='100_divID'>
<input type='hidden' id='inputID' value=' '>
</div>

<script language="JavaScript">var inputObj = $("div[id$='divID']");
inputObj.get(0).innerHTML = '哈哈';
</script>

 

当我们执行上述代码时，整个input都将被”哈哈“所取代，我以前一直以为只是向里插入内容呢。

菜鸟之路任重道远啊，在这小记一下，再仔细看了下innerHTML的定义：对于innerHTML 属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。