js添加 删除 替换 插入节点所用的方法:
添加节点:
- createElement(tagName):创建一个指定类型的元素节点。
- createTextNode(text):创建一个包含指定文本内容的文本节点。
- appendChild(node):将一个节点添加到指定节点的子节点列表的末尾。
- insertBefore(newNode, existingNode):将一个新节点插入到指定节点的子节点列表中的指定位置。
删除节点:
- removeChild(node):从父节点中删除子节点。
- parentNode.removeChild(node):从指定父节点中删除子节点。
替换节点:
- replaceChild(newNode, existingNode):将一个新节点替换掉指定节点的一个子节点。
- parentNode.replaceChild(newNode, existingNode):将一个新节点替换掉指定父节点的一个子节点。
插入节点:
- insertBefore(newNode, existingNode):在指定节点的子节点列表中插入一个新的子节点。
- appendChild(node):将一个节点添加到指定节点的子节点列表的末尾。
js常用的几种事件:
鼠标事件:
click:单击鼠标按钮时触发
dblclick:当用户双击鼠标按钮时触发
mousedown :当用户释放鼠标按钮时触发
mouseup:当用户释放鼠标按钮时触发
mouseover:当鼠标移到某个元素上方时触发;
mouseout:当鼠标移出某个元素上方时触发;
mousemove:当鼠标指针在元素上移动时触发;
mouseenter:在鼠标光标从元素外部首次移动至元素范围内触发,不参与冒泡;
mouseleave:鼠标移出;
键盘事件:
keydown:当用户按下键盘后任意键时触发,如果按住不放,会重复触发
keyup:当用户释放键盘上的键触发;
keypress:当用户按下键盘上的字符键时触发,如果按住不放,会重复触发;