您现在的位置是:主页 > 网站制作 > Js经典实例 >

dom对象控制html元素

刘清2019-06-14 22:40个人博客人已围观

简介script function getName(){ /* getElementsByName(ById)获取的是 id TagName 是标签*/ //var count=document.getElementsByName(pn); var count=document.getElementsByTagName(p); alert(count.length); var p=count[2]; p.innerHTML=world; } /*get












    <script>

function getName(){
    /*  getElementsByName(ById)获取的是 id TagName 是标签*/
    //var count=document.getElementsByName("pn");
    var count=document.getElementsByTagName("p");
    alert(count.length);
    var p=count[2];
    p.innerHTML="world";
    }
        /*getAttribute 获取元素属性  setAttribute 设置元素属性   */
    function getAttr(){
    var anode=document.getElementsById("aid");
    var attr=anode.getAttribute("title");
    alert(attr);
    }
    
 
    function setAttr(){
    var xx=document.getElementsById("aid2");
    xx.setAttribute("title","动态值属性");
    var cc=xx.getAttribute("title");
    alert(cc);
    }
    setAttr();
 
    function getChildNode(){
    var ChildNode=document.getElementsById("ul")[0].ChildNodes;
    alert(ChildNode.length);
    alert(ChildNode[0].nodeType);
    }
      getChildNode();
 
      function getParentNode(){
      var div=document.getElementsById("pid");
      alert("div.getParentNode.nodeName");
      }
      function createNode(){
 
      }
 
      function createNode(){
      var body=document.body;
      var input=document.createElement("input");
      input.type="button";
      input.value="按钮";
      body.appendChild(input);
      }
 
      function addNode(){
     
      }
    </script>


Tags:    dom   

很赞额!(74)

文章评论

站点信息

  • 建站时间:2018-12-1
  • 网站程序:织梦cms
  • 主题模板《今夕何夕》
  • 文章统计:299条
  • 文章评论:490条
  • 统计数据百度统计