MacGoo-DOM初上手.

Jan 17

DOM初上手.

Programer 0 comments view:

本来想好好的啃啃正则,但后来发现那是专用来对字符操作的.仅仅只是解析超文本文档还是DOM来得方便. 目的:解析http://comic.mdbchina.com/html/listbyword.htm,把漫画目录和连接获取.后面好做个简单的漫画浏览器(以后会放出). 先摆代码:

程序代码

javascript:var win=window.open();var s=document.getElementsByTagName('li');for(n=1;ndocument.write("名称:"+s[n].outerText+"--"+"连接:"+s[n].firstChild.href+"
");}

由于这里没有突出显示,所以偶手工编辑了下,希望能好看点. 这段代码可以直接在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下吧.

Macgoo

DOM初上手.

to "DOM初上手."

Leave a Reply

网站分类

文章归档

友情链接

Recent Posts

Recent Comments

About

Macgoo

DOM初上手.

if(0==0){document.write("No Response")}else{if(0==1){document.write("One Response")}else{document.write("0 Responses")}}; to "DOM初上手."

Leave a Reply

网站分类

文章归档

友情链接

Recent Posts

Recent Comments

About

to "DOM初上手."