4.希望获取到页面中所有的 checkbox 怎么做?(不使用第三方框架)
1 var domList = document.getElementsByTagName(‘input’)
2 var checkBoxList = [];
3 var len = domList.length; //缓存到局部变量
4 while (len--) { //使用 while 的效率会比 for 循环更高
5 if (domList[len].type == ‘checkbox’) {
6 checkBoxList.push(domList[len]);
7 }
8 }
5.设置一个已知 ID 的 DIV 的 html 内容为 xxxx,字体颜色设置为黑色(不使用第三方框架)
1 var dom = document.getElementById(“ID”);
2 dom.innerHTML = “xxxx”
3 dom.style.color = “#000”
6.当一个 DOM 节点被点击时候,我们希望能够执行一个函数,应该怎么做?
� 直接在 DOM 里绑定事件:<div onclick=”test()”></div>
� 在 JS 里通过 onclick 绑定:xxx.onclick = test
� 通过事件添加进行绑定:addEventListener(xxx, ‘click’, test)
那么问题来了,Javascript 的事件流模型都有什么?
� “事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播
� “事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体的