CSSOM视图模式offsetLeft/offsetTop属性实例页面
回到相关文章 »代码:
HTML代码:
<div id="demo" class="demo">
<button id="button1">点击弹出本按钮的offsetLeft和offsetTop</button><br /><br />
<button id="button2">上按钮父标签应用position:relative</button>
</div>
JS代码:
document.getElementById("button1").onclick = function() {
alert("offsetLeft: " + this.offsetLeft + ", \r\noffsetTop: " + this.offsetTop);
};
document.getElementById("button2").onclick = function() {
document.getElementById("demo").style.position = "relative";
this.innerHTML = "应用成功";
};