js_DOM_04
2015-07-30 11:53
585 查看
1.DOM
|-Document:文档对象
2.节点的导航
3.DHTML模型的对象
|-**document.all;获得页面中所有的元素对象
|-document.getElementsByTagName("*");
|-document.links;获得所有的超链接
|-document.anchors;获得页面中所有的锚点
|-***document.forms;获得页面中所有的表单对象
|-document.images;获得页面中所有的图片
|-***document.body;表示获得body标签
表格对象table
|-tableObj.rows;//获得表格中所有的行,返回值是一个数组
|-tableObj.rows[index];//获得指定的行
|-rowObj.cells;//获得行中的所有的单元格
tableObj.rows[0].cells[0].innerHTML;//获得第一行第一个单元格中的内容
tableObj.rows.item(0).cells.time(0).innerHTML
|-tableObj.insertRow(index);//在指定的位置插入一行
|-tableObj.deleteRow(index);//将指定位置的行移除
|-rowObj.insertCell(index);//在指定的位置插入单元格
|-rowObj.deleteCell(index);//删除指定位置的单元格
4.级联菜单
|-new Option(标签内容,value值);
|-对应<option value='value值'>标签内容</option>
|-selectObj.options;获得当前select对象下面的所有的option
|-selectObj.options[index]=new Option(标签内容,value值);
|-将一个新的option追加到select指定的对象
|-selectObj.selectedIndex;获得所选option的下标
|-selectObj.options[selectObj.seletedIndex];//获得所选择的option
|-optionObj.value;//获得optionObj的value值
|-selectObj.options.length=0;//移出select对象中所有的option
5.BOM:broser object Model浏览器对象模型
window
|-location:浏览器的地址栏
|-history:历史记录
|-document:DOM
window
|-alert():debug
|-confirm():确认框
|-prompt();早期聊天室
|-var flag=setTimeout(function(){功能;},毫秒 );隔指定的毫秒数执行指定的功能
|-clearTimeout(flag);//取消setTimeout的功能
|-var flag=setInterval(fucntion(){功能;},毫秒);周期函数,每隔毫秒之后执行功能
|-clearInterval(flag);取消周期函数
|-Document:文档对象
2.节点的导航
3.DHTML模型的对象
|-**document.all;获得页面中所有的元素对象
|-document.getElementsByTagName("*");
|-document.links;获得所有的超链接
|-document.anchors;获得页面中所有的锚点
|-***document.forms;获得页面中所有的表单对象
|-document.images;获得页面中所有的图片
|-***document.body;表示获得body标签
表格对象table
|-tableObj.rows;//获得表格中所有的行,返回值是一个数组
|-tableObj.rows[index];//获得指定的行
|-rowObj.cells;//获得行中的所有的单元格
tableObj.rows[0].cells[0].innerHTML;//获得第一行第一个单元格中的内容
tableObj.rows.item(0).cells.time(0).innerHTML
|-tableObj.insertRow(index);//在指定的位置插入一行
|-tableObj.deleteRow(index);//将指定位置的行移除
|-rowObj.insertCell(index);//在指定的位置插入单元格
|-rowObj.deleteCell(index);//删除指定位置的单元格
4.级联菜单
|-new Option(标签内容,value值);
|-对应<option value='value值'>标签内容</option>
|-selectObj.options;获得当前select对象下面的所有的option
|-selectObj.options[index]=new Option(标签内容,value值);
|-将一个新的option追加到select指定的对象
|-selectObj.selectedIndex;获得所选option的下标
|-selectObj.options[selectObj.seletedIndex];//获得所选择的option
|-optionObj.value;//获得optionObj的value值
|-selectObj.options.length=0;//移出select对象中所有的option
5.BOM:broser object Model浏览器对象模型
window
|-location:浏览器的地址栏
|-history:历史记录
|-document:DOM
window
|-alert():debug
|-confirm():确认框
|-prompt();早期聊天室
|-var flag=setTimeout(function(){功能;},毫秒 );隔指定的毫秒数执行指定的功能
|-clearTimeout(flag);//取消setTimeout的功能
|-var flag=setInterval(fucntion(){功能;},毫秒);周期函数,每隔毫秒之后执行功能
|-clearInterval(flag);取消周期函数
相关文章推荐
- javascript-03
- javascript-02
- javascript bind()
- javascript-01
- Javascript常用函数收集(不定期更新)
- createjs的用途和开发步骤
- DataTable转换Json
- js代码实现微博导航栏
- JSON转换DataTable
- javascript 创建对象的7种模式
- JS preventDefault ,stopPropagation ,return false
- js 根据年月获取当月有多少天_js获取农历日期_及Js其它常用有用函数
- Javascript事件冒泡机制
- Js中判断一个值为null
- 用javascript写的加法运算的两种方法
- js代码实现随机颜色的小方块
- js代码验证手机号码和电话号码是否合法
- Ubuntu 安装 jsoncpp的全过程
- Jsp在Web.xml中的配置
- extjs Grid的表头要跟着需求刷新