一.操作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:可视区的高