问题是:JavaScript能否获取元素的整体形状?
比如
1.在屏幕上的坐标,比如起始和/或结束的x轴和y轴
2.元素的圆角,比如设置了border-radius
3.元素的宽度和高度
你那三个比如 都可以获取到
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#test {
background-color: red;
width: 100px;
border: 2px solid;
border-radius: 25px;
}
</style>
</head>
<body>
<div>元素1</div>
<div id="test">元素2</div>
<script>
window.onload = function () {
const test = document.getElementById('test');
const style = window.getComputedStyle(test, null);
console.log("Y坐标", test.offsetTop)
console.log("X坐标", test.offsetLeft)
console.log("border-bottom-left-radius", style["border-bottom-left-radius"])
console.log("border-bottom-right-radius", style["border-bottom-right-radius"])
console.log("border-end-end-radius", style["border-end-end-radius"])
console.log("border-end-start-radius", style["border-end-start-radius"])
console.log("宽度", style.width)
console.log("高度", style.height)
}
</script>
</body>
</html>
写代码不易 请采纳