DOM初上手.

米落,2007年1月17日

本来想好好的啃啃正则,但后来发现那是专用来对字符操作的.仅仅只是解析超文本文档还是DOM来得方便. 目的:解析http://comic.mdbchina.com/html/listbyword.htm,把漫画目录和连接获取.后面好做个简单的漫画浏览器(以后会放出). 先摆代码: 由于这里没有突出显示,所以偶手工编辑了下,希望能好看点. 这段代码可以直接在IE地址栏上打,我就是那么测试的.如图 var win=window.open();//打开一个窗口,并建立索引.属于BOM范畴. <span style="color:Green">//document对象是对本文件的一个引用.在window下,window.document与document无差别.</span> <span style="color:Green">//getElementsByTagName();是返回指定标签名的一个集,相同的有getElementsByName();返回name指定元素集.getElementsById();返回id指定元素集.</span> var s=document.getElementsByTagName('li'); <span style="color:Green">//遍列出,并访问.我可能说的不是很详细,但讨厌教科书式的说明,并不想和教科书抢饭碗.所以自己可以找下别的属性关于DOM.</span> for(n=1;n<s.length;n++) {   <span style="color:Green">//把访问出来的字符写到win引用的窗口里.</span>   <span style="color:Green">//outerText是以字符输出.因为<li />节里包含了<a />节点,所以要深入下,firstChild;返回第一子字节,和childNodes[0]等效,类似的还有lastChild;</span>   win.document.write("名称:"+s[n].outerText+"--"+"连接:"+s[n].firstChild.href+"<br>"); } 非常简单,除了访问,当然还有修改,新建,但最近不会用到,大家Google下吧.

Tags: 学习  JavaScript  

分类: Programer | 评论:0 | 浏览: