Node.nodeType的节点类型

最新推荐文章于 2023-06-26 22:38:08 发布

大魔王丫丫

最新推荐文章于 2023-06-26 22:38:08 发布

阅读量272

点赞数 2

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48882471/article/details/116007446

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

今天我们来做一个简单的获取注释节点的操作,废话不多说,上代码

第一步

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" placeholder="请输入用户" id="Input"> 
		<!-- 这是一个注释哦,请不要删除 -->

    </body>
</html>
<script>
	//获取注释节点
	let Input1 = document.getElementById('Input')
	let nextNode = Input1.nextSibling
	console.dir(nextNode)

</script>

在这里插入图片描述
在这里呢它并没有获取注释节点,原因是因为

在这里插入图片描述
我们的Input框和注释他们两个不在一行,而我们在下面获取节点时使用的nextSibling时获取下一个兄弟节点,只能在当前行获取,如果我们想让它们两个不在一行并能获取到节点,只需要在加上一个nextSibling

在这里插入图片描述

这样就获取到啦

看到这边文章,请您点个赞关注一下在走呗

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大魔王丫丫

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Node.nodeType的节点类型

今天我们来做一个简单的获取注释节点的操作,废话不多说,上代码第一步<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" placeholder="请输入用户" id="Input"> <!-- 这是一个注释哦,请不要删
复制链接

扫一扫