检查用户代理影子dom中是否存在伪元素

Question

我正在查看Twitter的登录页面，并注意到在Chrome中启用自动填充功能后，连接到输入元素的shadowDOM内部的伪元素会根据建议是否悬停而变化。

当它是正常的占位符时，存在伪元素“ -webkit-input-placeholder”，当悬停我的电子邮件地址（未单击）时，将出现“ -internal-input-uggested”伪元素。

我已经附上了我正在描述的屏幕截图。

屏幕截图：

-webkit-input-placeholder screenshot

-internal-input-suggested pseudoelement

这两个元素都在用户代理shadowDOM中。如何使用javascript检查其中哪些伪元素？

Answer 1

您可以这样做：

var pseudo = document.getElementById("placeholder").getAttribute("pseudo")
if (pseudo == "web-input-placeholder") {
    //Do something
} else if (pseudo == "internal-input-suggested") {
    //Do something else
}