html dom top,HTML DOMRect top用法及代码示例

在Web API中，有一个DOMRect接口，该接口具有一个属性top，该属性使我们在DOMRect对象的顶部。它返回y坐标值，或者如果高度为负，则返回y +高度。

用法:

var recX = DOMRect.top;

返回类型：

Double value

范例1：当高度为正时

DOMRect top property

GeeksForGeeks

DOMRect top property

Get top

function getDOMRect() {

var myDOMRect = new DOMRect(0, 0, 100, 100);

var rectop = myDOMRect.top;

document.getElementById(

'DOMRect').innerHTML = rectop;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：当高度为负数时

DOMRect top property

GeeksForGeeks

DOMRect top property

Get top

function getDOMRect() {

var myDOMRect = new DOMRect(0, 0, 100, -100);

var rectop = myDOMRect.top;

document.getElementById('DOMRect').innerHTML = rectop;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOMRect top属性支持的浏览器：

谷歌浏览器

Safari 10.1

Firefox

Opera