DOM2非标准但却支持很好的几个属性小结

1、偏移量

offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度
offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度
offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离
offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离
offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素

2、客户区大小

clientWidth:指元素内容(含内边距)在水平方向上占用的空间大小,不包括边框及滚动条的宽度
clientHeight:指元素内容(含内边距)在垂直方向上占用的空间大小,不包括边框及滚动条的高度

3、滚动大小

scrollWidth:指元素内容(含内边距)的实际宽度,包括被隐藏的内容宽度
scrollHeight:指元素内容(含内边距)的实际高度,包括被隐藏的内容高度
scrollLeft:指元素左侧被隐藏内容的宽度
scrollTop:指元素上方被隐藏内容的高度

(0)

相关推荐

  • JS中dom0级事件和dom2级事件的区别介绍

    dom0级事件 <a href="#" id="hash" onclick="fn();fn();"> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(); btn.onclick=function(){ alert(''); }; btn.onclick=function(){ alert(

  • DOM2非标准但却支持很好的几个属性小结

    1.偏移量 offsetWidth:指元素在水平方向上占用的空间大小,包括边框及滚动条的宽度 offsetHeight:指元素在垂直方向上占用的空间大小,包括边框及滚动条的高度 offsetLeft:返回元素的左偏移量,即元素的左外边框至包含元素的左内边框的像素距离 offsetTop:返回元素的上偏移量,即元素的上外边框至包含元素的上内边框的像素距离 offsetParent:返回最近的动态定位的包含元素的索引,即元素的祖先元素 2.客户区大小 clientWidth:指元素内容(含内边距)在

  • MySQL UPDATE 语句的非标准实现代码

    今天给大家介绍一下 MySQL 数据库中 UPDATE 语句和 SQL 标准(以及其他数据库)实现上的一个差异.如果我们没有注意到这个问题,很可能会导致意料之外的结果. 我们首先创建一个简单的示例表: CREATE TABLE t1( id int, col1 int, col2 int ); INSERT INTO t1 VALUES (1, 1, 1); SELECT * FROM t1; id|col1|col2| --|----|----| 1| 1| 1| --------------

  • go 下载非标准库包(部份包被墙了)到本地使用的方法

    如下所示: import ( "golang.org/x/net/html" ) 在使用此包时,会导入失败,因为这不是go标准库中,但是由于域名被墙了所以翻墙可以下载此包,放入你的GOPATH路径下的 "golang.org/x/net"这个目录 具体步骤 下载net包(也可以是你需要的非标准库包) git clone https://github.com/golang/net 放入GOPATH路径下 我的GOPATH路径为 GOPATH=/Users/ln/gow

  • php解析非标准json、非规范json的方式实例

    前言 采集数据的时候经常碰到一些JSON数据的Key值不是字符串,下面就来看看用php如何解析非标准.非规范json 话不多说,直接上代码: // 解析非标准json,注意暂时未处理 {str:['aaaa','bbb']} $json = preg_replace( "/\s(?=\s)/","\\1", $json );// 多个空格只留一个 $json = preg_replace( "/([\{\}\,]+)\s?'?\s?(\w*?)\s?'?\

  • React tabIndex使非表单元素支持focus和blur事件

    目录 前言 触发场景 使用tabIndex使非表单元素支持focus和blur事件 不支持冒泡 支持捕获 react中的focus和blur支持冒泡 前言 在浏览器中表单元素天然支持focus和blur事件,这两个事件在开发过程中出现的频率还是挺高的,前端开发者也都比较熟悉,在这里特意总结一下. 触发场景 鼠标点击 键盘tab键 直接调用dom的focus,blur方法 使用tabIndex使非表单元素支持focus和blur事件 给一个普通的div元素增加tabIndex属性后,这个元素就能支

  • ThinkPHP实现非标准名称数据表快速创建模型的方法

    本文实例讲述了ThinkPHP实现非标准名称数据表快速创建模型的方法.分享给大家供大家参考.具体方法如下: 非标准名称数据表,例如:cow_archives_4,类似命名方法常见于齐博cms,08cms等文档模型数据表命名,假设已在配置文件中配置数据表前缀: 复制代码 代码如下: <?php  return array(   //'配置项'=>'配置值'   //数据库配置   'DB_PREFIX'=>'cow_',  );  ?> 新建模型,Archives4Model.cla

  • 网页的标准,IMG不支持onload标签怎么办

    网页的标准,IMG不支持onload标签怎么办 这个记得以前有人问过我,但是我那时还没有注意这些. 现在终于遇到这个问题了.因为 img 标签是没有 onload 事件的.所以 UBB 代码中的img用到的onload来处理大的图片进行自适应,这样的办法就不能采取了.但是经过测试,body还是可以带onload事件的, 所以我解决的办法就是在页面全部加载完后再处理太大的图片. 于是我用JS写了一段简单的代码 window.attachEvent("onload",function ()

  • 解决PHP上传非标准格式的图片pjpeg失败的方法

    前一阵子网站新上了相册功能,可最近总发现有一些用户上传的图片文件链接失效,代码检查了很多次,测试也做的比较充分了,但还是会出现上传失败的问题,很是郁闷,今天终于找到了解决办法. 从备份源中找到了用户上传失败的JPG图片,进行上传测试,上传完成后页面提示: Warning: imagecreatefromjpeg(): '/tmp/lalala' is not a valid JPEG file in /path/upload.php on line 1 出现这个Warning是由于GD函数库检测

  • .net 读取非标准配置文件的小例子

    代码如下: 复制代码 代码如下: public static string Config(string key)         {             ExeConfigurationFileMap file = new ExeConfigurationFileMap();             file.ExeConfigFilename = @"Providers\\Provider.config";             Configuration config = C

  • IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性

    如设置class属性 复制代码 代码如下: el.setAttribute('class', 'abc'); 在IE6/7中样式"abc"将没有起作用,虽然使用el.getAttribute('class')能取到值"abc". 又如for属性 复制代码 代码如下: <label>姓名:</label><input type="checkbox" id="name"/> <script

随机推荐