1、捕获event.target事件,以及移除捕获的节点使其变色,设置为全局变量,其他函数中也可以调用
//选中某个框点击使其变色
treeRoot.addEventListener('click',btnChangeC,false);
function btnChangeC(event){
//先清除上一次的变色
reset();
event.target.style.backgroundColor = 'pink';
window.current_target = event.target;
}
//点击删除按钮,删除该节点及子节点
delBtn.addEventListener('click',delFn,false);
function delFn(){
current_target.remove()
}
2.给添加的标签如设置样式方法:
//添加标签并设置其样式 function addFn(){ var newNode = document.createElement('div'); newNode.innerText = addContent.value; newNode.className = 'addChild '; current_target.appendChild(newNode) }
CSS中就可以设置addChild的样式