js获取元素css属性

获取多个元素的字体颜色，按我的想法，直接获取元素，然后直接.style.color获取就完事了：

let pNode = document.getElementsByTagName('p');
[...pNode].forEach(item => {
    console.log(item.style.color);
})

结果打印结果为''(空)
百度之后才知道.style只能获取元素行内样式，不能获取css样式表里面和继承的样式。
想要获取全部元素当前全部样式，需要用到window.getComputedStyle函数：

let pNode = document.getElementsByTagName('p');
[...pNode].forEach(item => {
    console.log(window.getComputedStyle(item).color);
})