欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  WEB前端

js文档对象模型

程序员文章站 2022-02-02 20:31:37
...

document对象常用属性

    document.bgColor:页面背景颜色

    document.fgColor:文本的前景颜色

    document.title:页面标题

document对象查找HTML元素

    document.getElementById():根据id查找指定的html页面元素

    document.getElementsByTagName():所有指定标签名的html页面元素

    document.getElementsByName():所有指定name的html页面元素

    document.getElementsByClassName():根据类名查找指定的html页面元素

document对象改变HTML

    document.getElementById().innerHTML=新元素

    document.getElementById().innerText=新内容

    document.getElementById().style.property=新样式

    document.getElementById().attributes=新属性

DOM节点操作

    document.getElementById().parentNode:当前节点的父节点

    document.getElementById().childNodes:当前节点的所有节点

    document.getElementById().firstChild:当前节点的第一个节点

    document.getElementById().lastChild:当前节点的最后一个节点

    document.getElementById().previousSibling:当前节点的前一个兄弟节点

    document.getElementById().nextSibling:当前节点的后一个兄弟节点

    document.createElement():添加新节点

    document.appendChild():移动节点

    document.removeChild():删除节点

Data对象

    var a=new Date():当前事件

    a.getDate():一个月中的某一天

    a.getDay():一周中的每一天

    a.getFullYear():以四位数返回年份

    a.getHours():返回小时

    a.getMilliseconds():返回毫秒

    a.getMinutes():返回分钟

    a.getMonth():返回月份

    a.getSeconds():分会秒数

    a.getTime():返回1970.1.1到现在的毫秒数

Math对象 用于计算

    Math. abs(number):返回number的绝对值

    Math.ceil(number):对number向上取整,如Math.ceil(67.6)返回值是68

    Math.floor(number):对number向下取整,如Math.floor (67.6)返回值是67

    Math.max(number1 ,number2):返回number1与number2中的较大值

    Math.min(number1 ,number2):返回number1与number2中的较小值

    Math.pow(x,y):返回x的y次幂

    Math.random():返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)

    Math.roundd(number):返回最接近number的整数

    Math.sqrt(number):number的平方根


相关标签: 对象模型