html dom的nodetype值介绍,HTML DOM nodeType用法及代码示例

DOM nodeType属性用于查找我们要引用的节点的类型。特定节点的类型以数字形式返回。 DOM nodeType属性是一个只读属性。

返回值:它根据节点的类型返回一个数值。

1:如果node是元素节点。

2:如果节点是属性节点。

3:如果node是文本节点。

8:如果节点是注释节点。

用法:

nodeName.nodeType

示例1:

HTML|DOM nodeType Property

p,

h5 {

color:green;

}

GeeksforGeeks

Welcome to GeeksforGeeks

Click here to know the node type.

function node() {

var geek = document.getElementById("gfg").nodeType;

// innerHTML fetches value of element

// valued "nodetype"

// and update it with new value of variable

// "geek"(nodeType value of geek)

document.getElementById("nodetype").innerHTML = geek;

}

输出:

之前:

e6df470142990ddbf18a20c88bdc3116.png

后:

3b5b5adca76313f8f5e38439ce3dd3a2.png

示例2:

HTML|DOM nodeType Property

h5 {

color:green;

}

Welcome to GeeksforGeeks

Click here to know the node type.

// nType() function is used to fetch our node

// and find out its type

function nType() {

var geek = document.body.nodeType;

document.getElementById("nodetype").innerHTML = geek;

}

输出:

之前:

f66783aad980270b3294a2f883336435.png

后:

3d25a8208fe8e6cc6f0645663000bc2c.png

支持的浏览器:

谷歌浏览器

互联网浏览

火狐浏览器

Opera

苹果浏览器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值