JavaScript DOM操作记录

来源：互联网发布：淘宝快递多久自动售货编辑：程序博客网时间：2024/06/08 12:54
//通过标签名获取标签function getName(){    var count = document.getElementsByTagName("p");    alert(count.length);}//获取标签属性function getArr(){     var anode = document.getElementById("aid");     var attr = anode.getAttribute("title");     alert(attr);}//设置元素属性function  setAttr(){    var anode = document.getElementById("aid2");    anode.setAttribute("title","123456");    var attr = anode.getAttribute("title");    alert(attr);}//获取子节点function  getChildNode(){    var childNode = document.getElementsByTagName("ul")[0].childNodes}/获取父节点function  geParentNode(){    var div = document.getElementById("pid12").parentNode.nodeName;}//添加一个子节点function  createNode (){    var body = document.body;    var input = document.createElement("input");    input.type = "button";    input.value = "按钮";    body.appendChild(input);}//选择位置插入一个节点function  addNode(){    var  div = document.getElementById("div");    var  pNode = document.getElementById("pid");    var newNode = document.createElement("p");    newNode.innerHTML = "动态添加一个p元素";    div.insertBefore(newNode,pNode);}//删除节点function  deleteNode(){    var  div = document.getElementById("div");    div.removeChild(div.childNodes[1]);}//改变img 标签的 srcfunction changeSrc(){    var imgList = document.getElementsByTagName("img");    for(var i = 0;i<imgList.length;i++){        var srcStr  = imgList[i].getAttribute("src");        if(srcStr.indexOf('http:')!=-1 ){}else        {            var  str = 'http://';            var newSrc = str.concat(srcStr);            imgList[i].setAttribute("src",newSrc);            imgList[i].src = newSrc;            alert('newSrc'+imgList[i].src);        }    }}//修改标签样式function testClassName(){//    alert(getElementsByClassName("entry"));//    alert(getElementsByClassName("entry","div"));//    var classList = document.getElementsByClassName("entry");//    console.log(classList[0]);//    alert(classList[0]);//      var entryList = getElementsByClassName("entry");//      entryList[0].style.backgroundColor = "red";//      entryList[1].style.backgroundColor = "blue";    var entryList1 = getElementsByClassName("entry","div");    entryList1[0].style.backgroundColor = "red";}//通过class 获取标签function getElementsByClassName(className,tagName){    var ele=[],all=document.getElementsByTagName(tagName||"*");    for(var i=0;i<all.length;i++){        if(all[i].className==className){            ele[ele.length]=all[i];        }    }    return ele;}
0 0