就业班day_03_CSS的显示和隐藏的属性

CSS的显示和隐藏的属性

display

block   显示元素

none  隐藏元素

Window 对象方法

alert();                --弹出对话框

confirm();     弹出一个确认窗口

prompt();    弹出一个可输入的对话框

open();    打开一个新窗口

• Navigator   包含的是浏览器的信息
  
  

• Screen   用来获得屏幕信息
  
  

• History   浏览器的历史对象
  
  

JS 的输出

document.getElementById(“”).innerHTML=”HTML的代码”;

document.write(“”);

JS 的事件

onfocus   获得焦点

onblur  失去焦点

onsubmit   提交的时候

onchange        下拉列表改变事件

ondblclick    双击某个元素的事件

使用JS 获得表格的行数

获得到控住的表格元素

var tab1 = document.getElementById(“tab1”);

var len = tab1.rows.length;>:

DOM 的概述

DOM 文档对象模型

将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子

DOM的常用的操作

• 获得元素:
  ocument.getElementById();                 通过ID获得元素.
  ocument.getElementsByName();                 通过name属性获得元素.
  ocument.getElementsByTagName();        通过标签名获得元素.
• 创建元素：
  ocument.createElement();                         创建元素
  ocument.createTextNode();                 创建文本
• 添加节点：
  lement.appendChild();                        -- 在最后添加一个节点.
  lement.insertBefore();                        -- 在某个元素之前插入.
• 删除节点：
  lement.removeChild();                        -- 删除元素
  
  

就业班day_03_CSS的显示和隐藏的属性

CSS的显示和隐藏的属性

display

block   显示元素

none  隐藏元素

Window 对象方法

alert();                --弹出对话框

confirm();     弹出一个确认窗口

prompt();    弹出一个可输入的对话框

open();    打开一个新窗口

• Navigator   包含的是浏览器的信息
  
  

• Screen   用来获得屏幕信息
  
  

• History   浏览器的历史对象
  
  

JS 的输出

document.getElementById(“”).innerHTML=”HTML的代码”;

document.write(“”);

JS 的事件

onfocus   获得焦点

onblur  失去焦点

onsubmit   提交的时候

onchange        下拉列表改变事件

ondblclick    双击某个元素的事件

使用JS 获得表格的行数

获得到控住的表格元素

var tab1 = document.getElementById(“tab1”);

var len = tab1.rows.length;>:

DOM 的概述

DOM 文档对象模型

将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子

DOM的常用的操作

• 获得元素:
  ocument.getElementById();                 通过ID获得元素.
  ocument.getElementsByName();                 通过name属性获得元素.
  ocument.getElementsByTagName();        通过标签名获得元素.
• 创建元素：
  ocument.createElement();                         创建元素
  ocument.createTextNode();                 创建文本
• 添加节点：
  lement.appendChild();                        -- 在最后添加一个节点.
  lement.insertBefore();                        -- 在某个元素之前插入.
• 删除节点：
  lement.removeChild();                        -- 删除元素