我最近需要在Window.getComputedStyle()
Element.getBoundingClientRect()
上执行pseudo-element和::after
以获取其位置和大小的确切浮动像素值,因为它位于绝对位置视口(vw)相对定位input
,这对我来说太难以猜测了。
我这样做的方法是使用$0
(我正在使用谷歌浏览器的开发人员工具控制台),它返回页面中当前检查的元素。
window.getComputedStyle($0);
$0.getBoundingClientRect();
我的问题是如何使用JavaScript定位伪元素?
我尝试使用document.querySelector()
来获取它,但没有成功:
document.querySelector('::after');
document.querySelector('*::after');
document.querySelector('input::after');
document.querySelector('input > *');
document.querySelector('input[type=radio]::after');
之后我搜索了但是我找到的唯一的东西是获得属性的方法:
window.getComputedStyle(document.querySelector('input'), '::after').getPropertyValue('color');