DOM继承树以及Date对象

// 创建文本节点
        document.createTextNode("123");
        // 创建注释节点
        document.createComment("this is a comment!");
        // 插入节点,appendChild属于剪切操作!ParentNode.insertBefore(a,b)
        var div = document.getElementsByTagName("div")[0];
        var text = document.createTextNode("123");
        div.appendChild(text);
        // 删除节点,ParentNode.removeChild()剪切出来的删除||childNode.remove();销毁
        // 替换方法 ParentNode.replaceChild(new,orgin)

        // innerHTML 覆盖    可写可读赋值+=“”
        // 往里面写什么,识别为html div.innerHTML = "<span font-size="12px">1651</span>"
        // innerText  小心覆盖(老版本火狐不支持,但是他有一个textContent)

        var div = document.createElement("div");
        var p = document.createElement("p");
        var text = "王佳,你最帅!";
        p.setAttribute("class", "wj");
        div.setAttribute("class", "web");
        p.innerText = text;
        div.append(p);
        document.body.appendChild(div);
        div.className = "we are family!";
 //封装一个insertAfter()方法
        Element.prototype.insertAfter = function(a, b) {
            if (b.nextElementSibling) {
                var nextSib = b.nextElementSibling;
                this.insertBefore(a, nextSib);
            } else {
                this.appendChild(a);
            }
        };
        var a = document.createElement("a");
        var p = document.getElementsByTagName("p")[0];
        var div = document.getElementsByTagName("div")[0];
        //将目标节点内部的节点逆序!
        Element.prototype.reverse = function() {
            var childObj = this.childNodes,
                len = childObj.length;
            for (var i = len - 2; i > -1; i--) {
                this.appendChild(childObj[i]);
            }
        };
        //测一下电脑进程
        var firstDate = new Date().getTime();
        for (var i = 0; i < 10000000; i++);
        var lastDate = new Date().getTime();
        console.log(lastDate - firstDate);
        // 获取日期
        function showTime() {
            var date1 = new Date();
            console.log(date1);
        }
        showTime();
        //设置闹钟
        var setDate = new Date();
        setDate.setMinutes(34);
        setInterval(function() {
            if (new Date().getTime() - setDate.getTime() > 1000) {
                console.log("王佳,好帅!");
            }
        }, 2000);

看文档学习date对象!还有千年虫问题改正,getYear()被淘汰!
1970年1月1日,计算机元年!

发布了37 篇原创文章 · 获赞 0 · 访问量 694

猜你喜欢

转载自blog.csdn.net/weixin_43704007/article/details/105161097
今日推荐