javascript - prototype.js insideHTML 不适用于 IE

Question

显然 IE (10) 不喜欢这段代码:

$('size_list').innerHTML = '<form id="dropdown_menu"><select id="dropdown_options"></select></form>';

未生成下拉菜单。我收到一个 Unknown Run Time 错误，这确实“有帮助”。下一行代码是:

$('dropdown_options').innerHTML = '<option>Choose size</option>';

但是当我调试时 - 我什至没有到达这里。

'size_list' 元素只是一个简单的空 div:

<div id="size_list" style="float:right; margin-top: -22px;"></div>

我发现一些信息表明 .innerHTML 并不真正适用于 IE，但我的脚本中有许多其他地方可以将更大的 HTML block 分配给 div 元素，通过 .innerHTML 以及所有的作品。除了上面规定的下拉表单分配之外。

Answer 1

试试这个:

$('#size_list').html('<form id="dropdown_menu"><select id="dropdown_options"></select></form>');
$('#dropdown_options').html('<option>Choose size</option>');

你不能用锤子当 Spanner ......

或者使用document.getElementById('size_list').innerHTML或使用$('#size_list').html()

别忘了加上 #在 jQuery 中的 id 选择器和 . 之前在类选择器之前，否则 jQuery 会尝试查找 <size_list> DOM 树中不存在的标签。