JavaScrip--学习3

DOM:

//location对象 可以定位到指定地方 history可以back go

function locationFuc() {
    var body = document.getElementsByTagName("body")[0];
    for (var prop in location) {
        var elem = document.createElement("p");  //创建一个p节点
        var text = document.createTextNode(prop+"::"+location[prop]);  //创建一个文本节点
        elem.appendChild(text);
        body.appendChild(elem);
    }

var pNodes = document.getElementsByTagName("p");  //根据标签的 名称获取对应的标签组
    for (var i = 0;i <pNodes.length;i++) {
        pNodes[i].style.background = "#ff0000";
    }
    return true;
}


function changeTxt() {
    var pNode = document.getElementById("content");  //获取到id为content的节点
    alert(pNode.innerHTML);
    //修改获得p节点中的文本内容
    pNode.innerHTML = "there is a error";

    var attrList = "";
    for (var attr in pNode) {  //遍历出来的是节点的属性名
        attrList += pNode.getAttribute(attr);  //根据属性名称获取属性值
    }
    pNode.innerHTML = attrList;
    //设置属性的值
    pNode.setAttribute("href", "http://www.baidu.com");
    alert(pNode.getAttribute("href"));
}

//创建节点

function createNodes() {
    //创建p  a  节点
    var pNode = document.createElement("p");
    var aNode = document.createElement("a");
    //创建文本节点
    var txt = document.createTextNode("I created nodes");

//给创建的a节点 设置属性
aNode.setAttribute("href","http://www.baidu.com");
aNode.setAttribute("background","#00aa00");
pNode.setAttribute("id","p_node");

//将创建的节点添加到 body里面去
var body = document.getElementsByTagName("body")[0];
aNode.appendChild(txt);
pNode.appendChild(aNode);
body.appendChild(pNode);
//删除节点
var a = document.getElementById("p_node");
document.body.removeChild(a);  //只能删除直接子节点

}

//定时任务

function timer() {
    alert("你点啊，继续点");
    var tag = setInterval("timer()", 1000);  //定时任务  1秒后执行 timer这个任务  返回一个tag 结合
    //clearInterval(tag);  该方法清除 该定时任务
}

function timeOut() {
    alert("click,go on");
    var tag = setTimeout("timeOut()", 1000);  //定时任务
}

博客转移到个人站点：http://www.wangchengmeng.club/2018/02/01/JavaScrip–%E5%AD%A6%E4%B9%A03/

欢迎来吐槽