document.getElementBy("id")和$("#id")有什么区别?
<div>
<table id="content">
</table>
<script lang="javascript" type="text/ecmascript">
var msg = '<tr id="head_row"><td style="width:32px;height:19px;"></td><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td></tr>';
for (var i = 1; i < 21; i++) {
var start = '<tr><td class="head_col">' + i + '</td>';
var end = '</tr>';
var t = '';
for (var j = 65; j < 72; j++) {
var str = String.fromCharCode(j);
str += i;
t += '<td><input id=' + str + ' type="text" class="cell" onclick="preview(this)" onkeyup="preview(this)"/></td>';
}
msg += start + t + end;
}
$("#content").html(msg);//这个可以在IE9里显示
//document.getElementById("content").innerHTML=msg;这个在IE9里面不会显示出来
</script>
</div>
初学javascript和jquery,对上面的问题很疑惑,求大神解释详细点,谢谢!
谢谢各位的解答,我问过别人了,是因为table不支持innerHTML,所以不会显示
一个是获取document对象,一个是获取jQuery对象。
第一个是Js中获取id的写法。第二个是Jquery中获取id的写法。
1是Js的写法,获取Dom的Element;
2是Jquery的写法,获取名字为id的对象。
这两个相互之间可以转化。
var el=document.getElementBy("id");
var $obj=$("#id");
这时el=$obj.get();
$obj=$(el);