当我们在jsp头部加了W3C的支持后,有些以前的JS会出现取不到值的情况
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
一、obj.offsetHeight与obj.style.height的区别
我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是:
1、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。
2、offsetTop 只读,而 style.top 可读写。
3、如果没有给 HTML 元素指定过 top 样式,则 style.top 返回的是空字符串。
offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样道理。
<div style="width:100px;height:100px;background-color:#FF0000;overflow:hidden;border:2px solid #00ff00;" id="p"></div>
<script type="text/javascript">
var p = document.getElementById("p");
window.status = "height is:" + p.style.height + " - offsetHeight is:" + p.offsetHeight;
</script>
****如果给某个DIV没有指定height,那么你试图读取style.height的时候会读到空,而offsetHeight可以读取div的是实际高度。