今天自个发现,然后baidu确认的。
第一个:select元素innerHTML实效。但是用select.outerHTML可以弥补。
第二个:p元素innerHTML不可以插入block元素(比如div,p)
看代码:
<html>
<head>
<title>bug</title>
</head>
<script language="javascript">
function $(id){
return document.getElementById(id);
}
</script>
<body>
<button value="change" id="btn">Change</button><br />
<select id="sel">
<option>----</option>
</select>
<br />
<p id="pp">ttttttt</p>
</body>
<script>
//这样写无效
//$('sel').innerHTML = "<option>1</option><option>2</option><option>3</option><option>4</option>";
$('sel').outerHTML = "<select id='sel'><option>1</option><option>2</option><option>3</option><option>4</option></select>";
//这样写会抛错
//$('pp').innerHTML = "<div>i am a div</div>";
$('pp').innerHTML = "i am text";
</script>
</html>
参考了这个blog: http://thinkinmylife.javaeye.com/blog/308376
---------------------------------------------
。==================================================================================/**JS画图,JS小游戏,JS代码集合, JS地图,JS写RPG游戏,JS动画,JS绘图, JS对象, JS函数, JS经典 例子,JS面向对象,javascript放大镜,js放大镜,javascript画图,javascript小游戏,javascript代码集合, javascript地图,javascript写RPG游戏,javascript动画,javascript绘图, javascript对象, javascript函数, javascript经典例子,javascript面向对象,**/