js内置对象

一.操作dom元素
1.获取元素:
var nav = document.getElementById(“nav”);
2.获取子节点个数:
console.log(nav.childElementCount);
3.获取所有的节点:
console.log(nav.childNodes);
4.找子元素:
console.log(nav.children);
5.当前节点的类型:
console.log(nav.childNodes[1].nodeType);
6.节点名称:
console.log(nav.childNodes[1].nodeName);
7.节点的值:
console.log(nav.childNodes[1].nodeVlue);
8.找同胞兄弟元素:
var lilist = document.getElementById(“lilist”);
9.下一个节点:
console.log(lilist.nextSibling);
10.下一个元素:
console.log(lilist.nextElementSibling);
11.上一个节点:
console.log(lilist.previousSibling);
12.前一个元素:
console.log(lilist.previousElementSibling);
13.第一个元素:
console.log(nav.firstElementChild);
14.第一个节点:
console.log(nav.firstChild);
15.最后一个节点:
console.log(nav.lastChild);
16.最后一个元素:
console.log(nav.lastElementChild);
17.dom元素的动态创建:
var s = document.createElement(“li”);
s.innerHTML = “5”;
s.className = “lilast”

二.js内置对象
1.内置对象分为Array
Math
Date
String
Setinterval
settimeout Math
2.window.alert(1):带按钮的提示框 该方法具有返回 true false
3.var x=prompt():输入框
4.history:存储用户访问页面 前进倒退
前进:go(1)、forwad();
后退:go(-1)、back();
2.取随机数: console.log(Math.random());
3.向下向上取整:console.log(Math.ceil(1.2)); console.log(Math.floor(1.2));
4.四舍五入:console.log(Math.round(4.5));
5.开平方:console.log(Math.sqrt(3));
6.次幂:console.log(Math.pow(2,3));

三.获取元素的高和宽
1.获取工作区宽:window.screen.availHeight;
获取工作区高: window.screen.availWidth;
2.实际宽:window.screen.width;
实际高:window.screen.height;(包含任务栏);
3. window.pageYOffset 滚动条上偏移
window.pageXOffset
4.window.innerwidth:可视区的宽
window.innerheight:可视区的高

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值