`
leo1211
  • 浏览: 140939 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Js nodeType说明

阅读更多

JS nodetype返回类型

将HTML DOM中几个容易常用的属性做下记录:

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。
nodeName 属性含有某个节点的名称。

元素节点的 nodeName 是标签名称
属性节点的 nodeName 是属性名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
注释:nodeName 所包含的 XML 元素的标签名称永远是大写的

nodeValue
对于文本节点,nodeValue 属性包含文本。

对于属性节点,nodeValue 属性包含属性值。

nodeValue 属性对于文档节点和元素节点是不可用的。

nodeType
nodeType 属性可返回节点的类型。

最重要的节点类型是:

元素类型 ==》节点类型
元素element ==》1
属性attr ==》2
文本text ==》3
注释comments ==》8
文档document ==》 9

分享到:
评论

相关推荐

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

    学习DOM节点的各种属性对于我们深入理解DOM结构,以及使用JavaScript来操作页面具有重要意义。 首先,我们来看一下DOM节点的重要属性之一:nodeName。顾名思义,nodeName属性代表的是节点的名字。对于元素节点而言...

    Js Div属性大全

    以下是一些主要的Div属性及其详细说明: 1. accessKey:设置或获取对象的快捷键,使得用户可以通过键盘快速激活Div元素。 2. align:设置或获取Div元素的对齐方式,可以是"left", "right", "center", "justify"等...

    浅析JavaScript中扫瞄器的兼容问题_.docx

    以下是相关知识点的详细说明: 1. `innerText` 和 `innerHTML`: - `innerText`:这个属性在IE8及更早版本的浏览器中被支持,用于获取或设置元素的纯文本内容,不包含HTML标签。 - `innerHTML`:与`innerText`...

    开发跨浏览器的JavaScript方法说明第1/2页

    在Firefox(FF)中,`childNodes`属性会包含所有子节点,包括文本节点(nodeType为3)。例如,对于`<div id="box1"><span>content</span></div>`,FF会将`content`作为一个单独的文本节点,因此`box1`的`childNodes...

    js代码-获取当前页面出现最多的节点类型

    该项目包含一个名为`main.js`的JavaScript文件,用于统计当前页面上出现最多的节点类型。运行代码后,将在控制台输出最多节点类型的编号及其出现次数。 使用方法: 1. 将`main.js`文件引入到您的HTML页面中,例如...

    JS公共小方法之判断对象是否为domElement的实例

    如果`obj`是`window`本身,那么它是一个特殊的DOM元素,或者如果`obj`有`nodeType`属性,说明它是常规的DOM元素。如果满足这两个条件之一,表达式将为真,并通过`!!`转换为`true`。 这个函数的主要用途是在处理用户...

    JS操作xml对象转换为Json对象示例

    以下是一个详细的示例,说明如何在JavaScript中完成这个转换过程。 首先,我们需要获取XML对象。这通常通过Ajax请求或者直接在代码中定义XML字符串来实现。假设我们已经有了一个名为`xml`的XML对象,如下: ```...

    js代码-打印节点信息

    `README.txt`文件可能包含有关如何运行或理解`main.js`代码的说明,比如引入脚本的方式、代码目的的简短描述,或者任何特别的注意事项。如果`main.js`是用于学习或演示目的,`README.txt`可能还会包含一些关于DOM...

    CSS_style属性大全

    - **说明**: 此属性返回了一个指向框架窗口对象的引用,可以用来访问框架内的DOM元素或执行其他JavaScript操作。 **11. DATAFLD (dataFld)** - **功能**: 设置或获取由dataSrc属性指定的绑定到指定对象的给定数据...

    javascript模拟枚举的简单实例

    文章继续说明了,由于JavaScript中枚举是使用JSON来实现的,而JSON可以包含任何类型的值,因此JavaScript中的枚举并不限于整数类型。例如,可以使用字符串来定义颜色枚举,以及使用复杂对象来定义更复杂的类型,例如...

    JavaScript利用HTML DOM进行文档操作的方法

    典型属性如`nodeType`可以告诉我们节点的类型,如元素节点的`nodeType`值为1,文本节点的值为3。典型方法如`appendChild()`可以用来向父节点添加子节点。 在JavaScript中操作DOM,我们可以利用一系列的DOM方法来...

    js DOM模型操作

    DOM模型中的节点:元素...说明 nodeName String 节点名称,根据节点的类型而定义 nodeValue String 节点的值,根据节点的类型而定义 nodeType Number 节点类型,1为元素节点,2为属性节点,3为文本节点 f

    javascript解决innerText浏览器兼容问题思路代码

    这里,如果`nodeType`不等于`1`,说明当前节点是文本节点,可以直接将`nodeValue`(即文本内容)添加到`str`。否则,说明是元素节点,需要继续递归调用`text`函数处理其子节点`childNodes`。 通过这种方式,`text`...

    JavaScript Table行定位效果

    w3c的table部分中说width属性是the desired width of the entire table,我估计entire就是包含了padding和border,找不到什么其他说明,先这么理解吧。 定位方面,除了不支持fixed的ie6用absolute,其他都使用fixed...

    Javascript入门学习第九篇 Javascript DOM 总结第1/2页

    它创建的是一个元素节点,所以 nodeType 等于 1 。 a.nodeName 将返回 p ; 注意;createElement()方法创建出来的新元素节点不会被自动添加到文档里,既然没添加到文档里,说明它还是一个游离的状态。所以它...

    如何判断元素是否为HTMLElement元素

    // 如果能成功添加,说明是HTMLElement return true; } catch (e) { // 添加失败,则可能是非HTMLElement return false; } } else { // 如果nodeType不存在或不等于1,那么不是HTMLElement return false; ...

    extjs 动态树及中文API

    在中文API中,我们可以找到关于`TreePanel`、`TreeStore`、`NodeInterface`等与树相关的类和接口的说明,以及它们的配置项和方法。 在实际应用中,你可能还需要处理各种交互事件,比如点击节点、展开/折叠节点等。...

    javascript DOM 操作基础知识小结

    每个节点都有共同的属性和方法,如nodeName、nodeValue、nodeType等,用于获取和操作节点信息。 2. 访问和操作节点 - firstChild、lastChild:获取节点的第一个和最后一个子节点。 - childNodes:返回一个NodeList...

    FF火狐下获取一个元素同类型的相邻元素实现代码

    - 当`node.previousSibling.nodeType`与`cnode.nodeType`相等时,说明找到了匹配的前一个同类型节点,返回`node.previousSibling`。 2. `nextSiblingSameType(node, cnode)`函数: - 这个函数的逻辑与`...

Global site tag (gtag.js) - Google Analytics