好吧,我已经有很长一段时间没用过没有JQuery的JavaScript了......但是,随着编码的发展,我不得不为一个我无法确定提供JQuery的项目提供强大功能.
我正在尝试做的事情是使用JQuery:
$(document).ready(function() {
$('#myDiv').append('<ul><li>a</li><li>b</li></ul>');
});
现在对于非jquery的事情,这就是我所拥有的,我真的无法理解为什么它不起作用:
<html>
<head>
<script type="text/javascript">
function load() {
var s = '<ul><li>a</li><li>b</li></ul>';
var element = document.getElementById("myDiv");
element.innerHtml += s;
}
</script>
</head>
<body onload="load()">
<div id="myDiv"></div>
</body>
</html>
事情是,没有任何事情发生(虽然函数被调用).可能是在调用load()时DOM没有准备好吗？我依稀记得这个代码在firefox 2.x IE7时代工作......
什么是(a)正确的解决方案？