JS函数,DOM基础,数组的栈方法

函数

字符函数
日期函数
数学函数
转化函数

数组的栈方法

  1. push()
  2. unshift()
  3. pop()
  4. shift()

标题数组的方法

join() – reverse() – sort()

数组操作方法

concat() – slice()

DOM基础

JavaScript由ECMAScript+DOM+BOM组成的。
DOM: DOCUMENT OBJECT MODEL(文档对象模型)的缩写

掌握基本的DOM查找方法

  1. document.getElementById() – 根据id获取唯一的一个元素

  2. document.getElementsByTagName() – 返回所有的tag标签引用的集合 – 返回的是数组

  3. 语法:ele.style.stylName = styleValue

  4. 功能:设置元素的样式

  5. 说明:
    a. ele表示要设置样式的DOM对象
    b. styleName表示要设置的样式名称 – 使用驼峰命名方式 – fontSize
    c. styleValue – 要设置的样式的值

如何设置DOM元素属性或添加属性
获取属性

  1. 语法:ele.getAttribute("attribute ")
  2. 功能:获取ele元素的属性
  3. 说明;
    a. ele – 要操作的DOM对象
    b. attribute – 是要获取的html属性(id type class)
    设置属性
  4. 语法:ele.setAttribute(“attribute”,value)
  5. 功能:在ele元素上设置属性
  6. 说明:
    a. ele – 要操作的dom对象
    b. attribute – 要设置的属性名称
    c. value – 要设置的attribute属性值
    删除属性
  7. 语法:ele.removeAttribute(“attribute”)
  8. 功能:删除ele元素上的attribute属性
  9. 说明:
    a. ele – 要操作的对象
    b. attribute – 要删除的属性名称

JavaScript对表单操作分为三种:初始化 赋值 取值

DOM查找方法

  1. document.getElementsByName() – 返回所有的name属性引用的集合 – 返回的是数组
  2. document.getElementsByClassName() – 返回包含带有指定类名的所有元素的集合 – 返回的是数组

鼠标事件
3. onload – 页面加载时触发
4. onclick – 鼠标点击时触发
5. onmouseover – 鼠标滑过时触发
6. onmouseout – 鼠标离开时触发
7. onfoucs – 获得焦点时触发
8. onblur – 失去焦点时触发
9. onchange – 域的内容发生改变时触发

1、常见的DOM操作:
(1) getElementById 返回带有指定的ID元素
(2) getElementsByTagName 返回的是包含带有指定标签名的所有元素的节点列表
(3) getElementsByClassName 返回的是包含带有指定类名的所有元素的节点列表
(4) getElementsByName 获取相同名称(name)的元素的所有节点列表

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值