// 创建文本节点
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日,计算机元年!