HTML DOM nodeType 属性

墨初学习笔记1173

JavaScript中给出这样一个操作HTML或XML的一个属性:nodeType,px 它可以返回以数字值返回指定节点的节点类型!

如果节点是元素节点,则 nodeType 属性将返回 1。

如果节点是属性节点,则 nodeType 属性将返回 2。

示例代码:

<!DOCTYPE html><html><body><p id="demo">请点击按钮来获得 body 元素子节点的节点类型。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){var txt="";var c=document.body.childNodes;for (i=0; i<c.length; i++)  {  txt=txt + c[i].nodeType + "<br>";  };var x=document.getElementById("demo");  x.innerHTML=txt;}</script></body></html>

返回的结果为:1 3 1 3 1 3 1 3

注意:元素中的空格被视作文本,而文本被视作文本节点。

Node Types

文档、元素、属性以及 HTML 或 XML 文档的其他方面拥有不同的节点类型。

存在 12 种不同的节点类型,其中可能会有不同节点类型的子节点:

HTML DOM nodeType 属性

图片点击放大

节点类型 - 返回值

对于每种节点类型,nodeName 和 nodeValue 属性的返回值:

HTML DOM nodeType 属性

图片点击放大

NodeTypes - Named Constants

HTML DOM nodeType 属性

图片点击放大

以上内容来源W3C,如有错误请指出!

相关文章

PHP中include()与require()的区别说明(一)

require 的使用方法如 require("xxx.php"); 。这个函数通常放在 PHP 程序的最前面,PHP 程序在执行前,就会先读入 require 所指定引入的文件,...

这个函数返回的是包含当前函数所有参数的一个数组

这个函数返回的是包含当前函数所有参数的一个数组

在PHP中,系统内置好了很多的函数,在我们写PHP程序的过程中可以调用这些函数,可以极大的减少我们开发程序的时间与精力。当然我们也可以自己写函数,PHP在我们的自定义函数中也有系统内置好的系统函数.....

2017、喜迎2018,愿大家生活,工作双丰收!

2017、喜迎2018,愿大家生活,工作双丰收!

从博客的开通到今天,屈指算来差不多已经五百多个日夜了,而博客才八十多篇文章,平均下来一个星期才发一篇,而文章的主题大多都是技术型或平时记录的东西。通过这一点才充份的证明自己是一个多么懒的人。现在时间是...

PHP+MySQL网站打开速度的几个因素

PHP+MySQL网站打开速度的几个因素

这几天有客户订制了一款主题,当然这款主题已经在zblog的应用中心开始审核,至于结果怎么样,还请大家关注我的博客。审核通过后,我会在博客里告诉大家一声的。当然本站用的自己写的主题《墨初VIP主题》还在...

CMS建站教程(一)

CMS建站教程(一)

这一段时间一直在大淘客的官方群里混,看到了很多新手想建立一个基于大淘宝CMS的网站,来推广淘宝,天猫的商品获取一部份佣金。但是对于一个不会建站的新手小白来说,难度是很大的。那么从今天开始,我教大家一步...

JS实现上传头像并实时预览

JS实现上传头像并实时预览

说起各大网站的用户中心功能,其中就少不了用户头像上传这个小小的功能,如果我们依托框架来编写的的话,相信非常的容易,但如果我们自己来单纯的使用JS来实现头像上传,并在选择本地头像的时候,实现预览我想也是...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。