感激相遇 你好 我是阿ken

作者：请叫我阿ken
链接：请叫我阿ken主页链接
来源：CSDN
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

🌊🌈关于前言：

文章部分内容及图片出自网络，如有问题请与我本人联系(主页介绍中有公众号)
本博客暂适用于刚刚接触 JS以及好久不看想要复习的小伙伴。

🌊🌈关于内容：

JavaScript DOM下

文章目录

• 🌊🌈关于前言：
• 🌊🌈关于内容：
• 7.1_排他思想简介
• • 7.1.1_排他思想简介
  • 7.1.2_[ 案例 ] 鼠标指针经过时背景变色
• 7.2_属性操作
• • 7.2.1_获取属性值 element.属性
  • 7.2.2_设置属性值 element.setAttribute('属性',' 值')
  • 7.2.3_移除属性 element.removeAttribute( 属性)
  • 7.2.4_[ 案例 ] Tab栏切换
• 7.3_自定义属性
• • 7.3.1_设置属性值
  • • 1. 在 HTML 中设置自定义属性 data-index
    • 2. 在 JavaScript 中设置自定义属性 (setAttribute、元素对象.dataset.属性名)
  • 7.3.2_获取属性值
  • • 1. 通过 getAttribute()
    • 2. 使用 HTML5 新增的 " element.dataset.属性 " 或者 " element.dataset [' 属性 '] " 。
• 7.4_节点基础
• 仔细了解一下什么是节点
• • 7.4.1_什么是节点
  • 7.4.2_节点层级
  • • 1. 获取父级节点 obj.parentNode
    • 2. 获取子级节点
• 不是很理解下述案例
• • • • ( 1 ) childNodes 属性
      • ( 2 ) children 属性
      • ( 3 ) 获取子节点 firstChild 属性和 lastChild 属性
      • ( 4 ) 获取子元素节点 firstElementChild 属性和 lastElementChild 属性
    • 3. 获取兄弟节点 nextSibling、previousSibling、nextElementSibling、previousElementSibling 属性
  • 7.4.3_[ 案例 ] 下拉菜单
• 7.5_节点操作
• • 7.5.1_创建节点
  • • ( 1 ) document.write()
    • ( 2 ) element.innerHTML
    • ( 3 ) document.createElement()
  • 7.5.2_添加和删除节点
  • • 1. appendChild()
    • 2. insertBefore()
    • 3. removeChild(child)
  • 7.5.3_[ 案例 ] 简易留言板
  • 7.5.4_复制节点 node.cloneNode() 方法
• 运行结果
• 7.6_事件进阶
• • 7.6.1_注册事件
  • 运行结果 128
  • 7.6.2_删除事件
  • 7.6.3_DOM 事件流
• 7.7_事件对象
• • 7.7.1_什么是事件对象
  • 7.7.2_事件对象的使用
  • 7.7.3_事件对象的常用属性和方法
  • • 1. 对比 e.target 和 this 的区别
• 没看明白
• • • 2. 阻止默认行为
• 7.8_鼠标事件
• • 7.8.1_鼠标事件的常用方法
  • • 1. 禁止鼠标右击菜单 ( contextmenu )
    • 2. 禁止鼠标选中 ( selectstart 事件 )
  • 7.8.2_鼠标事件对象
  • 7.8.3_[ 案例 ] 图片跟随鼠标指针移动
• 7.9_键盘事件
• • 7.9.1_键盘事件的常用方法
  • 7.9.2_键盘事件对象
  • 7.9.3_[ 案例 ] 文本框提示信息
• 🌊🌈往期回顾：
• 🌊🌈关于后记：