zoukankan      html  css  js  c++  java
  • JS DOM 初做了解,习题笔记


    <!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>
  • 相关阅读:
    测试策略(1)
    css在网页中的一些重要运用
    拖拽禁止点击事件
    js入门的心结
    响应式布局
    web中的兼容性
    css中的bfc和ifc
    css格式化的基本运用
    css基础知识
    html中输入控件的元素
  • 原文地址:https://www.cnblogs.com/zhangjiaqi123/p/10467021.html
Copyright © 2011-2022 走看看