Day04 JS高级

JavaScript高级JS的输出

• document.getElementById("").innerHTML="HTML的代码";
• document.write("");
  
  

JS的事件总结常用事件

• onfocus:获得焦点.
• onblur:失去焦点.
• onsubmit:提交的时候.
• onload:
• onclick:
• onsubmit:
• onchange:下拉列表改变事件
• ondblclick:双击某个元素的事件
  
  

键盘操作事件

• onkeydown:
• onkeyup:
• onkeypress:
  
  

鼠标操作事件

• onmousemove:
• onmouseout:
• onmouseover:
• onmousedown:
• onmouseup:
  
  

js中的DOM对象DOM的概述

• DOM:Document Object Model:文档对象模型
  • 将一个HTML文档加载到内存,形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
    
    
• DOM的使用
  • 知道document,element,attribute中的属性和方法
    
    
  
  

Document的常用的操作获得元素

• document.getElementById();通过ID获得元素
• document.getElementsByName();通过name属性获得元素
• document.getElementsByTagName();通过标签名获得元素
  
  

创建元素

• document.createElement();创建元素
• document.createTextNode();创建文本
  
  

添加节点

• element.appendChild();在最后添加一个节点
• element.insertBefore();在某个元素之前插入
  
  

删除节点

• element.removeChild();删除元素
  
  

Day04 JS高级

JavaScript高级JS的输出

• document.getElementById("").innerHTML="HTML的代码";
• document.write("");
  
  

JS的事件总结常用事件

• onfocus:获得焦点.
• onblur:失去焦点.
• onsubmit:提交的时候.
• onload:
• onclick:
• onsubmit:
• onchange:下拉列表改变事件
• ondblclick:双击某个元素的事件
  
  

键盘操作事件

• onkeydown:
• onkeyup:
• onkeypress:
  
  

鼠标操作事件

• onmousemove:
• onmouseout:
• onmouseover:
• onmousedown:
• onmouseup:
  
  

js中的DOM对象DOM的概述

• DOM:Document Object Model:文档对象模型
  • 将一个HTML文档加载到内存,形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
    
    
• DOM的使用
  • 知道document,element,attribute中的属性和方法
    
    
  
  

Document的常用的操作获得元素

• document.getElementById();通过ID获得元素
• document.getElementsByName();通过name属性获得元素
• document.getElementsByTagName();通过标签名获得元素
  
  

创建元素

• document.createElement();创建元素
• document.createTextNode();创建文本
  
  

添加节点

• element.appendChild();在最后添加一个节点
• element.insertBefore();在某个元素之前插入
  
  

删除节点

• element.removeChild();删除元素