js的document.all是个坑 ！

昨天一个初学JavaScript的哥们问我一个问题，button元素onclick="all()"方法始终不能运行，下面贴出代码

<button onclick="add()">add</button>
<button onclick="all()">all</button>

<script>
	function all() {
		console.log("I'm all function!");
	}

	function add() {
		console.log("I'm add function");
	}
</script>

点击all,始终没有响应，愣了十几分钟，查了一下 js 中all，发现原来document有一个all()方法，就是返回所有的dom,或者也可以 document.all(0)来返回第一个元素。

原来，每次点击all按钮，都去调用了document.all() .