错误拼接代码演示

	
    		复制代码

正确演示

	
    		
    		
    
	复制代码

页面创建添加一个新元素

如何插入(insert) 元素    语法：        父元素：insertBefore(新元素)    含义：        将'新元素' 插入到 页面年终的元素的 前面      
      
      
        
    
    
     
111
    
     
222
    
     
333
  
    
元素只有向前插入没有向后插入的一说 谨记复制代码

移除remove 元素

语法 ：    父元素. removeChild(子元素)；含义：    从父元素中删除子元素  
      
      
        
    
    
     
111
    
     
222
    
     
333
  
    
复制代码

replace使用替换

父元素.replace('替换元素'，'父元素')；  
      
      
        
    
    
     
111
    
     
222
    
     
333
  
    
复制代码

标签插入 与 cloneNode 重要

cloneNode 与移动DOM 元素  重要    元素.cloneNode()    拷贝该元素，并返回该元素      
      
      
        
    
    
     
111
    
     
222
    
     
333
  
    
元素.cloneNOde(true)拷贝该元素，机器所有的后代元素，并返回 ，要是不添加true 的话就不会拷贝子元素元素中如果绑定了事件，cloneNode是不会拷贝事件  var dv = document.querySelector('.dv');  dv.children[0].appendChild(a);  // 这时候你就会发现 a从零标签一进到了 a标签，因为每个元素只能有一个父节点  dv.children[1].appendChild(a.cloneNode(true));复制代码

获得计算属性 样式操作 重要 重要 重要

获得计算属性 样式操作style  只能处理行内样式，无法处理嵌入样式点击一下 盒子 像右移动100 px如果第一次获取元素的样式值的时候，样式不是行内样式，是写在外部的就无法使用style获取应该使用计算样式 ！！！ window.getcomputedStyle(元素)；该方法会返回这个元素的 所有计算样式的对象细节：写css 的规则是：先写定位在写尺寸，在写位置，在写尺寸，在写边框      
      
      
          点击  
    
复制代码

DEmo 在输入框 进行添加数字 +

  
      
      
        +复制代码

Demo 我们现实实现 加减购物车

  
      
      
        -    +复制代码

拼接字符串

  
      
      
        
      
    
复制代码

使用js 动态创建 ul li 标签

  
      
      
      
    复制代码

data 动态创建数据

  
      
      
      复制代码

js 运行性能问题 使用 +new Date

var start = +new Date()

var end = +new Date()

console.log(end -start)

大家谨记要在内存中处理完成后再加载到页面上 ！！！

使用 js 创建 table 标签

  
      
      
      复制代码

一个DOMO 开关切换收尾

  
      
      
          开关灯  
    
复制代码