怎么用javascript获得一个元素的伪元素

Question

现在已经有一个元素

var forms = document.getElementsByTagName('form');
for (var i = 0; i < forms.length; i++) {
    var before = ?????
}

怎么获得每一个form的伪元素

Answer 1

var color = window.getComputedStyle(
        document.querySelector('#demo'), ':before'
    ).getPropertyValue('color');
    console.log(color);

网上看到这个，希望对你有所帮助

Answer 2

伪元素是无法获取的，建议通过css控制

Answer 3

var forms = document.getElementsByTagName('form');
for (var i = 0; i < forms.length; i++) {

var before = ?????

}

首先不要在获取元素的集合之后，再使用循环。因为获取元素是一个动态的过程，也就是说，在每次访问length时，都会重复去访问dom现在from的元素个数，以便返回实时的准确数据，所以这就增加了更多的DOM访问，性能降低了，

建议是用 Array.prototype.slice.call(forms);将nodeList转换成数组，再进行下一步的操作