`
java-mans
  • 浏览: 11411655 次
文章分类
社区版块
存档分类
最新评论

javascript DOM节点类型(nodeType)

 
阅读更多

DOM节点类型,在遍历处理中非常有用,可以过滤掉不关心的节点。

如:

function showPageAttr(){
	var divImgShowArea = document.getElementById('divImgShowArea');	
	var nodes = divImgShowArea.childNodes;
		
	for(var i=0;i<nodes.length;i++){
		var img = nodes[i];
				
		if(img.nodeType != 1)
			continue;
                //DO YOUR PROCESSING 
       }
}

节点的nodeType 值可能返回如下属性:

1-ELEMENT //元素节点
2-ATTRIBUTE //属性节点
3-TEXT //文本节点
4-CDATA
5-ENTITY REFERENCE
6-ENTITY
7-PI (processing instruction)
8-COMMENT
9-DOCUMENT
10-DOCUMENT TYPE
11-DOCUMENT FRAGMENT
12-NOTATION


分享到:
评论

相关推荐

    浅谈Javascript中的12种DOM节点类型

    前言 DOM的作用是将网页转为一个javascript对象,从而可以使用javascript对网页进行各种操作(比如增删...nodeType属性返回节点类型的常数值。不同的类型对应不同的常数值,12种类型分别对应1到12的常数值  元素节点 

    javascript 操作DOM

    1.访问相关的节点 2.检测节点类型(nodeType) 3.处理特性 4.访问指定节点 5.创建和操作节点

    JavaScript HTML DOM元素 节点操作汇总

    节点类型:元素 1 ,属性 2 ,文本 3 ,注释 8,文档 9。 一、添加和删除节点(HTML 元素) 1、创建节点 1)创建该元素(元素节点); 2)向一个已存在的元素追加该元素。 语法:appendChild(newnode) eg: 这是...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    本文实例讲述了JavaScript DOM元素常见操作。分享给大家供大家参考,具体如下: DOM概念 ...代表节点类型)_ var th1= document.getElementById(th1); alert&#40;th1.nodeType&#41;; alert(th1.nodeName

    你所不了解的javascript操作DOM的细节知识点(一)

    DOM1级定义了一个Node接口,该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeType属性,用于表明节点的类型,节点类型在Node类型中有以下几种: Node.ELEMENT_NODE(1); 元素节点 Node.ATTRIBUTE_NODE(2); ...

    Javascript入门学习第八篇 js dom节点属性说明第1/2页

    今天我们讲DOM属性。 前面其实我们已经碰过DOM属性了。 比如: nodeName,nodeType…..今天我们详细的讲解下。 1,nodeName属性 : 节点的名字。... 2,,nodeType属性 : 返回一个整数,代表这个节点的类型。 我

    JavaScript详解(第2版)

     15.2 理解DOM节点   15.3 节点   15.3.1 父节点和子节点   15.3.2 兄弟节点   15.3.3 nodeName和nodeType属性   15.3.4 空白bug   15.4 遍历DOM   15.5 DOM查看器   15.6 查询DOM的快捷...

    整理JavaScript对DOM中各种类型的元素的常用操作

    节点类型 nodeType 以下是一些重要的nodeType的取值: 1: 元素element 2: 属性attr 3: 文本text 8: 注释comments 9: 文档document nodeName,nodeValue 节点关系 childNodes: 每个节点都有一个childNodes属性,...

    [ JavaScript ] 敲完这几行代码,DOM基本操作也就学会了!

    Dom基本操作DOM查找节点的类型 nodeType遍历节点树基于元素节点树的遍历节点的四个属性DOM继承树DOM修改修改属性修改样式DOM添加添加元素优化 带着例子学Dom 几行代码就搞定! DOM查找 document代表整个文档 按id...

    详谈javascript中DOM的基本属性

    所有的节点都有类型,节点总共有以下的12种类型。 代码如下: interface Node { // NodeType const unsigned short ELEMENT_NODE = 1; const unsigned short ATTRIBUTE_NODE = 2; const unsigned short TEXT_...

Global site tag (gtag.js) - Google Analytics