直接使用id操作dom与getElementById 区别
2014-01-03 10:52
260 查看
直接使用id
比如有一个 <div id ="test"></div>
//////////////////////直接使用id////////////////
test.onclick = function(){
}
////////////不直接使用/////////////////
var test = document.getElementById('test');
test.onclick = function(){
}
//////////////////区别//////////////
前者会在删除<div>元素后,dom对象由于事件没删除,依旧不会删除。
当再次创建该<div>后,由于id相同,ff会不再响应test下onclick事件。ie和google会。
比如有一个 <div id ="test"></div>
//////////////////////直接使用id////////////////
test.onclick = function(){
}
////////////不直接使用/////////////////
var test = document.getElementById('test');
test.onclick = function(){
}
//////////////////区别//////////////
前者会在删除<div>元素后,dom对象由于事件没删除,依旧不会删除。
当再次创建该<div>后,由于id相同,ff会不再响应test下onclick事件。ie和google会。
相关文章推荐
- html dom中要查找希望操作的元素使用的方法:getElementById()和getElementsByTagName()的区别
- 直接使用Id和使用document.getElementById()的比较
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- dom解析xml中的getElementById方法的使用
- 关于document.getElementById(ID与Name的区别)
- [转载] jquery中的$("#id")与document.getElementById("id")的区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- $("#id")与document.getElementById("id")的区别以及相互转化
- jquery中的$("#id")与document.getElementById("id")的区别和转换
- jquery中的$("#id")与document.getElementById("id")的区别
- getElementById(), getElementsByName(), and getElementsByTagName()使用与区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- jquery中的 $(#id)与document.getElementById( id )的区别
- getElementById和$(#id)区别简述
- jquery中的$("#id")与document.getElementById("id")的区别
- getElementById Vs getElementsByName(Javascript)细说HTML元素的ID和Name属性的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jq中的$("#id")与js中的document.getElementById("id")的区别
- jquery中的$("#id")与document.getElementById("id")的区别
- jQuery的$("#id")和document.getElementById("id")的区别