javascript学习总结

1.在火狐或者低版本的chrome的浏览器中，直接使用元素的id导致不兼容问题

例如：div的显示与隐藏不兼容问题

当鼠标移入到input上时，让div显示，当鼠标移出input时，让div隐藏

<input type="checkbox" onmouseover="div.style.display='block';" onmouseout="div.stytle.display='none';" />

直接拿div的id使用，导致不兼容，出现div未定义错误。此时，可以使用document.getElementById(div)来解决不兼容问题，即通过id获取元素。

正确的写法：

<input type="checkbox" onmouseover="document.getElementById('div').style.display='block';"  onmouseout="document.getElementById('div').style.display='none';" />