js笔记3

1.DOM操作

HTML文档被浏览器解析后就是一棵DOM树
document是根节点

定位DOM

document.getElementById("");
document.getElementsByTagName("");
Ele.parentElement;
Ele.children;

更新元素(innerHTML,innerText)

p.innerHTML = '';
p.innerText = ''

增加元素(appendChild,insertBefore)

尾部添加
var p = document.createElement('tagname');
p.innerHTML = 'hello world';
placetobeappend.appendChild(p);

如果我们要把子节点插入到指定的位置怎么办？可以使用
parentElement.insertBefore(newElement, referenceElement);，子节点会插入到referenceElement之前。

删除元素(removeChild)

var removed = parent.removeChild(self);

promise

根据返回状态有resolve与reject

    var p = new Promise(function(resolve,reject){
        var x = Math.random();
        console.log(x);
        if(x<0.5){
            resolve(x);
        }
        else{
            reject(x);
        }
    }).then(function(x){alert("resolve"+x);})
    .catch(function(x){alert("reject"+x);});

多重promise
    var p =new Promise(function(resolve,reject){
        resolve(1);
    }).then(function(x){
        return new Promise(function(resolve,reject){
            console.log(x++);
            resolve(x);
        })
    }).then(function(x){
        return new Promise(function(resolve,reject){
            console.log(x++);
            resolve(x);
        })
    }).then(function(x){
        alert(x);
    });

完成多个promise后返回
Promise.all([p1,p2]).then(function(result){});