龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

浅析Javascript Dom编程(1)(2)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
三:操纵DOM树 parentNode:父元素。 childNodes:子元素。 firstChild:第一个节点。 lastChild:最后一个节点。 nextSibling:下一个同级节点。 previousSinbling:上一个
三:操纵DOM树

parentNode:父元素。

childNodes:子元素。

firstChild:第一个节点。

lastChild:最后一个节点。

nextSibling:下一个同级节点。

previousSinbling:上一个同级节点。下面看一下Javascript Dom编程中的属性用法。

Javascript Dom编程之操纵DOM树

四:属性

A:获得属性值(getAttribute)

  1. <aidaid="koko"href="http://www.163.com">163</a> 
  2.  
  3. //js  
  4.  
  5. varkoko=document.getElementById("koko");  
  6.  
  7. varkokoHref=koko.getAttribute("href");  
  8.  

注:getAttribute不能用document对象调用。

B:设置属性值(setAttribute)

setAttribute不但可以修改现有属性的值,而且可以添加新的属性,类似getAttribute,它不能通过document调用,只能通过元素节点来调用。需要传递两个参数:

obiect.setAttribute(attribute,value)

例子

  1. varkoko=document.GetElementById("koko");  
  2.  
  3. koko.setAttribute("title","websiteinchina");  

精彩图集

赞助商链接