一、节点操作

创建节点：var ele_a = document.createElement('a'); 添加节点：ele_parent.appendChild(ele_img); 删除节点：ele_parent.removeChild(ele_p); 替换节点：ele_parent.replaceChild(新标签,旧标签);

    
              
      
    
       
年后
    
       
hello
      
ADDDELReplace
      
    
       
创建节点：var ele_a = document.createElement('a');
    
       
添加节点：ele_parent.appendChild(ele_img);
    
       
删除节点：ele_parent.removeChild(ele_p);
    
       
替换节点：ele_parent.replaceChild(新标签,旧标签);
      
      
           
                
                     
                     
                     
del1
                
                
                     
                     
                     
del2
                
                
                     
                     
                     
del3
                
                
                     
                     
                     
del4
                
           
      
具体的节点操作实例

二、onload事件

onload 属性开发中 只给 body元素加.这个属性的触发 标志着 页面内容被加载完成.应用场景: 当有些事情我们希望页面加载完立刻执行,那么可以使用该事件属性.

什么时候加载完什么时候触发（如果你想把script放在body上面去，就用到onload事件了）

            
                                                      
      
            
       
我有一头小毛驴,我从来也不骑,有一天我心血来潮骑着去赶集.....
        
      
    

三、onkeydown事件

Event 对象：Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用，函数不会在事件发生前被执行！event对象在事件发生时系统已经创建好了,并且会在事件函数被调用时传给事件函数.我们获得仅仅需要接收一下即可.比如onkeydown,我们想知道哪个键被按下了，需要问下event对象的属性，这里就时KeyCode.

 四、onsubmit事件

当表单在提交时触发. 该属性也只能给form元素使用.应用场景: 在表单提交前验证用户输入是否正确.如果验证失败.在该方法中我们应该阻止表单的提交.

            
                      
            
                      
      
                   用户名:            
                   密码:            
                   
               
      
             
                    

五、事件传播

本例中:box2是box1的子元素,默认继承了box1的事件.所以点击box2的时候,也会执行box1元素的点击事件.如果不想让box2执行,就必须阻止事件传播.具体看代码.