js添加 删除 替换 插入节点所用的方法。js常用的几种事件。

简介: js添加 删除 替换 插入节点所用的方法。js常用的几种事件。

js添加 删除 替换 插入节点所用的方法:

添加节点:

  1. createElement(tagName):创建一个指定类型的元素节点。
  2. createTextNode(text):创建一个包含指定文本内容的文本节点。
  3. appendChild(node):将一个节点添加到指定节点的子节点列表的末尾。
  4. insertBefore(newNode, existingNode):将一个新节点插入到指定节点的子节点列表中的指定位置。

删除节点:

  1. removeChild(node):从父节点中删除子节点。
  2. parentNode.removeChild(node):从指定父节点中删除子节点。

替换节点:

  1. replaceChild(newNode, existingNode):将一个新节点替换掉指定节点的一个子节点。
  2. parentNode.replaceChild(newNode, existingNode):将一个新节点替换掉指定父节点的一个子节点。

插入节点:

  1. insertBefore(newNode, existingNode):在指定节点的子节点列表中插入一个新的子节点。
  2. appendChild(node):将一个节点添加到指定节点的子节点列表的末尾。

js常用的几种事件:

鼠标事件:

click:单击鼠标按钮时触发

dblclick:当用户双击鼠标按钮时触发

mousedown :当用户释放鼠标按钮时触发

mouseup:当用户释放鼠标按钮时触发

mouseover:当鼠标移到某个元素上方时触发;

mouseout:当鼠标移出某个元素上方时触发;

mousemove:当鼠标指针在元素上移动时触发;

mouseenter:在鼠标光标从元素外部首次移动至元素范围内触发,不参与冒泡;

mouseleave:鼠标移出;

键盘事件:

keydown:当用户按下键盘后任意键时触发,如果按住不放,会重复触发

keyup:当用户释放键盘上的键触发;

keypress:当用户按下键盘上的字符键时触发,如果按住不放,会重复触发;

相关文章
|
3天前
|
存储 JavaScript 前端开发
史上最详细JavaScript数组去重方法(11种)
使用set和Array.from ()方法 array.from可以将set结构转成数组
19 7
|
1天前
|
缓存 前端开发 JavaScript
React和Next.js开发常见的HTTP请求方法
React和Next.js开发常见的HTTP请求方法
5 0
|
1天前
|
前端开发 JavaScript
前端 JS 经典:Math 常用方法汇总
前端 JS 经典:Math 常用方法汇总
5 0
|
1天前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
8 2
|
1天前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
6 1
|
2天前
|
JavaScript 前端开发
JS中正则方法的使用 - 蓝易云
以上就是JavaScript中正则方法的基本使用。这些方法可以用于执行复杂的字符串处理和验证任务。
13 1
|
2天前
|
JavaScript 前端开发
JavaScript的`apply`方法:函数的“应用”与“调用”
JavaScript的`apply`方法:函数的“应用”与“调用”
|
2天前
|
JavaScript 前端开发
JavaScript的`bind`方法:函数的“复制”与“定制”
JavaScript的`bind`方法:函数的“复制”与“定制”
|
2天前
|
JavaScript 前端开发
JavaScript的`call`方法:实现函数间的调用!
JavaScript的`call`方法:实现函数间的调用!
|
2天前
|
消息中间件 存储 设计模式
JavaScript发布订阅模式:实现事件驱动编程!
JavaScript发布订阅模式:实现事件驱动编程!