代码改变世界

JS DOM 初做了解，习题笔记

2019-03-03 19:23  HHFFZ  阅读(223)  评论(0)    收藏  举报 

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>Document</title> 
</head>
<body>
     <div>
         <span></span>
        <p></p>
     <strong></strong>
    </div>
    //点击事件
    <!-- <p>点击按钮执行<em>displayDate()</em>函数</p>  
    <button id="myBth">点这里
    <p id="demo"></p>
    </button>   
 <script type="text/javascript">
      var d= document.getElementById("myBth");
       d.onclick=function(){ document.getElementById("demo").innerHTML=Date();} 
        
    节点习题
</script> -->
<!-- <script type="text/javascript">
    Element.prototype.z=function(){
      var child=this.childNodes;//这个可能是对象，插入到数组里会形成类数组     var child =new Array(this.childNodes);这种最保险直接转换为数组
        var len=child.length;
        var arr=[];
        for(var i=0;i<len;i++){

            if(child[i].nodeType==1){
                arr.push(child[i]);
            }
        }
        return this.children ;}
   var div=document.getElementsByTagName('div')[0];
  
</script> -->
// 增删改知识点
<script type="text/javascript">

 var div=document.getElementsByTagName('div')[0];
 div.appendChild(div.lastElementChild.previousElementSibling);
 var i=document.createElement('i');
div.appendChild(i);
//div.removeChild(i);
i.remove();
div.setAttribute('class','n');
//div.getAttribute('class');

</script>
</body>
</html>