html中offsetleft属性,HTML DOM offsetLeft用法及代码示例

DOM offsetLeft属性用于返回像素的左位置。此位置相对于offsetParent元素的左侧。

用法:

element.offsetLeft

返回值：它返回以像素为单位表示元素左侧位置的数字。

例：

DOM offsetLeft Property

#GFG {

height:50px;

width:200px;

padding:10px;

background-color:green;

}

DOM Style offsetLeft Property

Information about this div:

Submit

function geeks() {

var testDiv = document.getElementById("GFG");

document.getElementById("demo").innerHTML

= "offsetLeft:"+ testDiv.offsetLeft;

}

输出：

之前单击按钮：

单击按钮后：

支持的浏览器：下面列出了DOM offsetLeft属性支持的浏览器：

谷歌浏览器

Internet Explorer 8.0

火狐浏览器

Opera

苹果浏览器

html中offsetleft属性,HTML DOM offsetLeft用法及代码示例相关推荐

html parent()属性,HTML DOM parentElement用法及代码示例
DOM parentElement属性用于返回特定子元素的父元素.这是一个只读属性. parentElement和parentNode属性相似,唯一的区别是,如果父节点不是元素,则parentElem ...
iframe展示html源代码,HTML DOM IFrame用法及代码示例
HTML DOM中的IFrame对象属性用于创建和访问对象中的元素.内联框架用于将另一个文档嵌入当前HTML文档中. 用法: 它用于访问元素.var x = document.getElementBy ...
html before添加图片,HTML DOM before()用法及代码示例
before()方法用于在ChildNode父级的子级列表中插入一组Node对象或HTML DOMString对象.元素被插入到我们提到的ChildNode之前. 用法: ChildNode.befo ...
html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例
DOM nodeType属性用于查找我们要引用的节点的类型.特定节点的类型以数字形式返回. DOM nodeType属性是一个只读属性. 返回值:它根据节点的类型返回一个数值. 1:如果node是元素 ...
html焦点试图代码,HTML DOM focus()用法及代码示例
DOM focus()方法用于为元素赋予焦点,并借助blur()方法删除焦点.我们可以将焦点放在任何元素上,并通过执行一些操作来启用它.例如,我们可以通过单击按钮将焦点放在某些文本上. 用法: Obj ...
html怎么设置左偏移量,CSS中margin属性的偏移量详解（代码示例）
本篇文章给大家介绍一下CSS中margin属性的偏移量,有感兴趣的朋友可以看一看. 话不多说,我们直接进入正题~ 我们先来看一个具体的例子(相关推荐:CSS学习手册) 代码入下:HTML文件和CSS文 ...
html中em使用例子,HTML DOM Emphasized用法及代码示例
DOM强调对象用于表示HTML 元素.强调元素由getElementById()访问.句法: document.getElementById("ID"); 其中"id&q ...
html dom.parent,HTML DOM offsetParent用法及代码示例
在HTML中,offsetParent属性用于返回元素的最接近的祖先.返回的祖先的位置必须不是静态的.如果将元素设置为display =" none",则offestParent属 ...
html:text中readonly,HTML Input Text readOnly用法及代码示例
HTML DOM中的Input Text readOnly属性用于设置或返回文本字段是否应为只读.这意味着用户无法修改或更改特定元素中已经存在的内容(但是,用户可以对其进行制表,突出显示并从中复制文本 ...

html中offsetleft属性,HTML DOM offsetLeft用法及代码示例

html中offsetleft属性,HTML DOM offsetLeft用法及代码示例相关推荐

最新文章

热门文章