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)的元素的所有节点列表

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读