DOM的节点

最近想学AJAX就开始看了DOM,整理一下一些知识点。

XML 文档中的每个成分都是一个节点。
并且元素内的文本内容也是一个节点,就像:

<year>2005</year>,<year>是一个元素节点,"2005" 不是 <year>元素的值,而是一个值为"2005" 的文本节点,该节点在<year>下

  • 访问节点的方法
    1.使用getElementsByTagName() 方法
    该方法返回节点列表,节点列表是节点的数组
    比如
    x=xmlDoc. getElementsByTagName("title");
    document.write(x[2].childNodes[0].nodeValue);
    返回的是title标签下文本标签的内容,所以也可以看出文本并不直接属于title。(<title lang="en">Everyday Italian</title>)
    2.通过循环(遍历)节点树
    该方法可以把相同标签下的不同内容依次显示出来
    x=xmlDoc.getElementsByTagName("title");
    for
    (i=0;i<x.length;i++)
    {
    document.write(x[i].childNodes[0].nodeValue);
    //title节点下的文本节点的内容
    document.write("
    ");
    }
    3.通过利用节点的关系在节点树中导航
    该方法可以通过检查节点类型为1的话,就为元素节点
    if (y.nodeType==1)
    {
    document.write(y.nodeName + "");
    }
    不同节点类型的NodeType
    元素:1
    属性:2
    文本:3
    注释:8
    文档:9
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本篇是基于《JavaScript高级程序设计(第3版)》DOM相关章节做的整理与归纳,概述了DOM的常见节点类型及...
    查查查查查查克阅读 2,587评论 2 7
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 689评论 0 1
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,345评论 0 5
  • 在某一著名咖啡厅喝咖啡,结果快喝完的时候在旁边玻璃栏杆爬出一只小强,这个感觉,真的是跟刚刚喝了一杯泡有小强的咖啡,...
    小黑瓜阅读 183评论 0 0
  • 点进一篇吸引眼球的文章,发现里面的内容无关痛痒,在评论里恨恨的留下,万恶的标题党,然后愤然离开。 这样的经历我们大...
    沉艾ol阅读 412评论 0 3