一、点击按钮
html部分：
<button>
<p id="text">1</p>
</button>1) 点击按钮，标签p中的数字+1
2）点击按钮，重置标签p中的数字
3）多次点击，隔1秒 标签p中的数字+1（使用节流）
var btn = document.getElementsByTagName("button")[0];
var pObj = document.getElementById("text")
btn.addEventListener("click",getRes1);
function getRes1(){ //1) 点击按钮，标签p中的数字+1
pObj.textContent++;
}
btn.addEventListener("click",getRes2);
function getRes2(){ //2) 点击按钮，重置标签p中的数字
pObj.textContent = 1;
}
btn.addEventListener("click",throttle(getRes3,1000))
function getRes3(){ //3) 多次点击，隔1秒 标签p中的数字+1（使用节流）
pObj.textContent++;
}
function throttle(fn,delay){ //节流函数
var runFlag = false;
return function(){
if(runFlag){
return false;
}
runFlag = true;
setTimeout(()=>{
fn.apply(this,arguments);
runFlag = false;
},delay)
}
}二、dom元素下所有dom元素个数
（1）使用getElementsByTagName
记录了页面中的所有标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button>
<p id="text">1</p>
</button>
</body>
<script type="text/javascript">
</script>
</html> var num = document.getElementsByTagName('*').length
console.log(num) //结果：8- html
- head
- meta
- title
- body
- button
- p#text
- script