-
獲取DOM元素并以數(shù)組展示
-
秒變所見即所得的編輯器
-
獲取某個DOM元素所有綁定的事件
-
監(jiān)測DOM元素觸發(fā)的事件
-
用計時器來獲取某段代碼塊的運行時間
-
以表格的形式輸出數(shù)組
-
列出某個元素所有屬性苞笨、清理控制臺和內存
注:以下引用的代碼均在控制臺下輸入
1.獲取DOM元素并以數(shù)組展示
$$("ID");$$("className");$$("tagName");
2.秒變所見即所得的編輯器
document.body.contentEditable=true;
3.獲取某個DOM元素所有綁定的事件
genEventlisteners($("obj"));
4.監(jiān)測DOM元素觸發(fā)的事件
monitorEvents($("obj")); //檢測元素上所有事件卜录,在控制臺顯示被觸發(fā)的事件
5.用計時器來獲取某段代碼塊的運行時間
console.time('myTime'); //開始計時 - myTime
var num=0;
for(var i=0; i < 10000; i++){
num+=i;
}
console.timeEnd('myTime'); //結束并輸出計時時長 - myTime
注:myTime可以為任意字符串掏熬,但前后必須一致
6.以表格的形式輸出數(shù)組
var myArray=[{a:1,b:2,c:3},{a:1,b:2,c:3,d:4},{k:11,f:22},{a:1,b:2,c:3}];
console.table(myArray);
效果如下:
| a | b | C | d | j | k |
| :----: |:---------:|:-----:|:-----:|:-----:|:-----:|
| 1 | 2 | 3 | | | |
| 1 | 2 | 3 | 4 | | |
| | | | |11 | 22 |
| 1 | 2 | 3 | | | | |
7.列出某個元素所有屬性兆龙、清理控制臺和內存
dir($("obj"));//輸出所有屬性
clear();//清理控制臺和內存