$$()
[].forEach.call($$("*"), function (a) {a.style.outline ="1px solid #" + (~~(Math.random() * (1 << 24))).toString(16);});
直接復制到控制臺,頁面效果就是頁面中不同的HTML結構被不同顏色的框圈著。
原理:
$$
函數是現代瀏覽器提供的一個命令行API,它相當于document.querySelectorAll
,可以將當前頁面中的CSS選擇器作為參數傳給該方法,然后它會返回匹配的所有元素。- 所以,如果想在瀏覽器控制臺外使用上面這段代碼,可以將
$$('*')
替換為document.querySelectorAll('*')
。