1 删除全部子节点
//判断目标元素是否还有子节点,有的话一直删除第一个子节点
while(obj.hasChildNode()){
obj.removeChild(obj.firstChild)
}
2 获取select 选中的值
var selectBox = document.query('select');
selectBox.onchange =function(){
obj.value = selectBox.options[selectBox.selectedIndex].text
}
//主要使用了 selectedIndex
3 定时器加上参数
由于定时器 setTimeout setInterval
在使用的时候是无法设置参数的clearInterval(move(up))
会失效
但是某些情况下,又必须传入参数呢。那你可以这么写
function moving(obj){
return function(){
if (obj=='up') {
Top -= 1;
} else{
Top += 1;
}
}
}//就是给定时器函数return 一个无名函数
//然后你就可以传入参数了
btnUp.onclick= function () {
clearInterval(move);
move = setInterval(moving('up'),100)
}
4 事件委托
document.querySelector('tbody').onclick =function(e){
var e = e || window.e;
var tar = e.target || e.srcElement;
// 判断点击的是否是目标元素
if(tar.classList.contains('.btn-remove')){
......、// 执行的操作
}
}
5 js 元素节点列表 是类数组元素 无法使用foreach
可以这样用
Arrat.prototype.slice.call(objNodeLIst .0).forEach(function(item){ ... })