js笔记4内置对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p id="pid" name="pn">hello</p>

<p name="pn">hello</p>

<p name="pn">hello</p>

<p name="pn">hello</p>
<a id="aid" title="得到了a标签的属性">hellooooo
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <div id="div">
        <p id="pid2">div的p元素</p>
    </div>

</a>
<script>

        function getName() {
            var count = document.getElementsByName("pn");
            alert(count.length);
            var p=count[2];
            p.innerHTML="world";
        }
        getName();
        function getName() {
            var count = document.getElementsByTagName("p");
            alert(count.length);
            var p=count[2];
            p.innerHTML="world";
        }
        getName();

        function getAttr(){
            var anode=document.getElementById("aid");
            var attr=anode.getAttribute("title");
            alert(attr);
        }
        getAttr();

     function setAttr(){
        var anode=document.getElementById("aid");
       anode.setAttribute("title","titleeeee动态设置");
        var attr=anode.getAttribute("title");
        alert(attr);
    }
    setAttr();

    function getChildNode(){
            var childnode =document.getElementsByTagName("ul")[0].childNodes;
            alert(childnode.length);
            alert(childnode[2].nodeType);
        }
        getChildNode();
      function  getParentNode(){
          var div=document.getElementById("pid");
          alert(div.parentNode.nodeName);

    }
    getParentNode();

    function createNode(){
        var body=document.body;
                var input=document.createElement("input");
        input.type="button";
        input.value="按钮"
        body.appendChild(input);

    }
    createNode();


    function addNode(){
        var div=document.getElementById("div");
        var node=document.getElementById("pid2");
        var newnode=document.createElement("p");
        newnode.innerHTML="动态添加第一个元素";
        div.insertBefore(newnode,node);

    }
    addNode();

        function removeNode(){
            var div=document.getElementById("div");
            var p=div.removeChild(div.childNodes[1]);

        }
    removeNode();
    function getSize() {
        var width = document.body.offsetWidth||document.documentElement.offsetWidth;
        var height = document.documentElement.offsetHeight;
        alert("width" + width + "height" + height);
    }
    getSize();

</script>
</body>
</html>
猜你喜欢
