智能社JavaScript视频教程

智能社JavaScript视频教程

5 (176人评价)
  • 课时:(32)

  • 学员:(2871)

  • 浏览:(207429)

  • 加入课程

11.DOM基础的笔记

相关课时:
11.DOM基础2015-07-20
笔记详情:

DOM基础

  DOM操作页面

DOM节点

childNodes(in6-8)

children只计算元素节点alert(oUL.children.length);//子节点只计算第一层

nodeType节点类型

  文本节点

  元素节点

操作元素属性

浏览器支持情况 

parentNode父节点

offsetParent() 方法返回最近的祖先定位元素。

节点(2)

  首尾子节点

    firstChild//第一个子节点,兼容问题(in6-8)

    firstElementChild高版本兼容

lastChild.lastElementChild

 

处理兼容

if(oUL.firstElementChild) 

  {oEUL.firstElementChild.style.backgrround="red";}

else

 {oUL.firstChild.style.background="red";}

操作元素属性

  setAttribute('元素属性名','值'); 

oTxt.setAttribute('value','hxsj');

设置 :oTxt.getAttribute('value');

删除 removeAttribute(名称)

DOM元素灵活查找

 1.className选择元素

 2.封装成函数
  

  

 

0 0

你感兴趣的课程

编程开发 21天学通javascript
4万+浏览/ 910学员/ 4评分
免费
编程开发 AJAX核心技术教学
3万+浏览/ 367学员/ 4.8评分
免费
编程开发 javascript课程
3万+浏览/ 483学员/ 5评分
免费