菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-王卓凡-20230516 [打印本页]

---

作者: 王卓凡    时间: 2023-5-24 17:26
标题: 前端-王卓凡-20230516
获取元素的方法通常方法

方法1：使用它的id获取它

getElementById(id) 返回值，就是这个元素对象，它具有唯一性

方法2：使用它的class获取它

getElementsByClassName(class) 返回值，就是这些元素对象的集合

方法3：使用它的标签名获取它

getElementsByTagName(tagname) 返回值，就是这些元素对象的集合

HTML5中新增的两种方法

方式一：

     querySelector(css选择器)

     注意：只会获取到符合结果的第一个

方式二：

    querySelectorAll(css选择器)

    注意：结果是NodeList，获取其中的某一个要使用下标

修改元素的样式

方法一：通过style属性添加的样式是行内样式 - 优先级高

缺点：更改麻烦

方法二：通过更改类名的方式改变样式，可以一次更改多个样式-优先级较低

JS的事件

• js是由事件驱动的
• 事件的三要素
  • 事件源
  • 事件类型（onclick点击事件）
  • 执行的处理程序
    
    
  
  

点击事件

• 对象.onclick
• 当鼠标左键点击时触发的事件
  
  

焦点选择事件

• 对象.onfocus ,鼠标选择点选择到对象时（一般用于输入框）
• 对象.onblur,鼠标选择点离开对象时
  
  

---

欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)

Powered by Discuz! X3.4