Dom

方法

1 通过id 删除div

// 通过id 删除div
var thisNode=document.getElementById("#你的ID");
thisNode.parentElement.removeChild(thisNode);

2 鼠标样式

3 事件处理程序—addEventListener

document.addEventListener() 方法用于向文档添加事件句柄。可以使用 document.removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
addEventListener事件传递过程
捕获阶段： 从根节点开始顺序而下，检测每个节点是否注册了事件处理程序（从顶层元素向下）。如果注册了事件处理程序，并且 useCapture 为 true，则调用该事件处理程序。（IE 中无此阶段）即：语法处的function函数里面的代码段。
目标阶段： 触发在目标对象本身注册的事件处理程序，也称正常事件派发阶段。
冒泡阶段： 从目标节点到根节点，检测每个节点是否注册了事件处理程序，如果注册了事件处理程序，并且 useCapture 为 false，则调用该事件处理程序。

// 模拟键盘事件
// 1 注册事件
function keyEvent(e) {
   // e.key和e.keycode为触发键盘不同按键的不同值
   // 向document添加键盘事件
  }
document.addEventListener("keydown", keyEvent);

// 2 如何在js中主动触发所需要的键盘事件（即模拟键盘事件）
var ev = new KeyboardEvent('keydown', {
            keyCode: 27,
            key:'escape'
        });
document.dispatchEvent(ev);

参考网址
js原生创建模拟事件和自定义事件的方法
键盘事件 KeyboardEvent()

“key”, 可选，默认为 “”, DOMString 类型, 设置 KeyboardEvent.key 的值。
“code”, 可选，默认为 “”, DOMString 类型, 设置KeyboardEvent.code 的值。

How to trigger event in JavaScript?

// Add an event listener
document.addEventListener("name-of-event", function(e) {
  console.log(e.detail); // Prints "Example of an event"
});

// Create the event
var event = new CustomEvent("name-of-event", { "detail": "Example of an event" });

// Dispatch/Trigger/Fire the event
document.dispatchEvent(event);

使用JS监听键盘按下事件（keydown event）

4 keyCode值列表

更多方法后续补充