js深入（dom元素，对象，数据格式）

js操作dom元素 子父节点

1.获取子节点：console.log(nav.childElementCount);
2.nodename为节点名称 ；nodevalue为节点的值；
3.找子元素：console.log(nav.children);
4.找下一个节点： console.log(lilist.nextSibling);
5.找前一个元素：console.log(lilist.nextElementSibling);
6. 获取父元素第一个元素： console.log(nav.firstElementChild);
获取第一个节点： console.log(nav.firstChild);
获取最后一个节点： console.log(nav.lastChild);
获取最后一个元素： console.log(nav.lastElementChild);

js里的内置对象

1.内置对象分为Array Math Date String Setinterval settimeout Math
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：可视区的高

计时器

1.一次性计时器：可以设置延迟多少事间去执行

setTimeout(function (){
        console.log(1);
    },1000);

2.循环计时器：

var t=null;
    showtime();
    function showtime(){
        console.log(1);
        t=setTimeout("showtime()",1000);
    }

js数据格式转化

1.js数据格式有：json object Array；
2.动态创建元素 枚举对象 例如：

var stu = {
        name: "小何",
        sex: "男",
        age: 23,
        eat: function () {
            return "1"
        }
    }

var stu = {
        name: "小张",
        sex: "女",
        age: 23,
        eat: function () {
            return "2"
        }
    }

3.json对象转化为字符串类型的json：
var m = JSON.stringify(stus);
console.log(JSON.stringify(stus));
json类型的字符串转化为json对象 :
console.log(eval(m));
console.log(JSON.parse(m));
4. 使用json:
for (var i = 0; i < stus.length; i++) {
console.log(stus[i].name);
}