您的位置:首页 > Web前端 > JavaScript

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);取消周期函数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: