要獲得一個div的位置,需要使用CSS的定位屬性和JavaScript的方法。
CSS的定位屬性包括position和top、bottom、left、right。其中position有三個值可選:static、relative、absolute。默認為static,表示元素的位置由其在文檔流中的位置決定。relative表示元素的位置相對于其在文檔流中的位置偏移,使用top、bottom、left、right屬性進行偏移。absolute表示元素完全脫離文檔流,位置相對于其最近的有定位屬性的祖先元素。
JavaScript獲得元素的位置,可以使用getBoundingClientRect()方法。該方法定義在Element對象的原型上,返回一個 DOMRect 對象,包含該元素的位置信息。
let div = document.querySelector('#myDiv'); let rect = div.getBoundingClientRect(); console.log(rect.top, rect.right, rect.bottom, rect.left);
通過以上CSS的定位和JavaScript的方法,就可以獲得div元素的位置信息并進行操作。
下一篇css 獲取偽類