利用 JS 可以为某一 HTML 元素插入 HTML 代码,但如果插入的 HTML 代码是一个控件,则不能分步插入该控件的代码,看示例:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>分步插入控件代码的错误</title> </head> <body> <div id="foo"></div> <script type="text/javascript" language="javascript"> <!-- var foo = document.getElementById("foo"); foo.innerHTML = "<select>"; for (var i=0; i<5; i++) { foo.innerHTML += "<option value=\"\">" + i + "</option>"; } foo.innerHTML += "</select>"; //--> </script> </body> </html>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
上述示例的目的是想在 DIV 中插入一个下拉列表框,分多步用 innerHTML 插入,但预览却不是我们想要的结果,原因就是把 SELECT 拆开分成了多步插入,看下面的示例。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>分步插入控件代码的错误</title> </head> <body> <div id="foo"></div> <script type="text/javascript" language="javascript"> <!-- var foo = document.getElementById("foo"); var str = "<select>"; for (var i=0; i<5; i++) { str += "<option value=\"\">" + i + "</option>"; } str += "</select>"; foo.innerHTML = str; //--> </script> </body> </html>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
创建于2005年 渝ICP备05010272号-1
电邮:cftea@126.com