JavaScriptのNode节点

DOM的最小组成单位叫做节点(node),一个文档的树形结构(DOM树),就是由各种不同的类型的节点组成.

对于HTML文档,节点主要有以下六种类型:Document节点、DocumentType节点、Element节点、Attribute节点、Text节点和DocumentFragment节点。

节点 名称 含义
Document 文档节点 整个文档(window.document)
DocumentType 文档类型节点 文档的类型(比如<!DOCTYPE html>)
Element 元素节点 HTML元素(比如<body>、<a>等)
Attribute 属性节点 HTML元素的属性(比如class=”right”)
Text 文本节点 HTML文档中出现的文本
DocumentFragment 文档碎片节点 文档的片段

浏览器原生提供一个Node对象,上表所有类型的节点都是Node对象派生出来的。也就是说,它们都继承了Node的属性和方法。

Node节点的属性

nodeName,nodeType

nodeName属性返回节点的名称,nodeType属性返回节点的常数型.

类型 nodeName nodeType
DOCUMENT_NODE document 9
ELEMENT_NODE 大写的HTML元素名 1
ATTRIBUTE_NODE 等同于Attr.name 2
TEXT_NODE text 3
DOCUMENT_FRAGMENT_NODE document-fragment 11
DOCUMENT_TYPE_NODE 等同于DocumentType.name 10
document.querySelector('a').nodeType ===1
//true
document.querySelector('a').nodeType === Node.ELEMENT_NODE  //true
两者等价
这些属性返回当前节点的相关节点ownerDocument, nexSibling, previousSibling, parentNode, parentElement.
(1)ownerDocument:返回当前节点所在的顶层文档对象,即document对象
var d = p.ownerDocument;
d === document  //true
(2)nextSibling:返回紧跟在当前节点后面的第一个同级节点.同一级可能是不同的标签也是可以实现的.

(3)previousSibling:返回当前节点前面的、距离最近的同一级节点.

(4)parentNode:返回当前节点的父节点.对一个节点来说,它的父节点只可能有三种类型:element节点、document节点和documentfragment节点
如何从父节点移除指定节点
if (node.parentNode) {
    node.parentNode.removeChild(node);
}
(5)parentElement:返回当前节点的父Element节点.
设置执行节点的父element节点的css属性
if(node.parentElement) {
    node.parentElement.style.color = "red";
}<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用:去节点 使用Node.js在Go运行Javascript。正在安装 go get -u github.com/tidwall/go-node例子创建一个Node.js VM并运行一些Javascript。 vm := node . New ( nil )vm . Run ( "iLoveTheJS = true" );youLoveIt := ... 引用:VScode的下载就不多说了,主要记录一下Node的安装(其实以前安装过好多遍)。 首先去官网下载对应的版本:https://nodejs.org/en/ 开始安装,可以自定义选择安装路径。 这里选择Add Path,系统变量会自动设置,但是用户变量并没有自动设置,需要的话可以自己手动加一下。 测试是否安装成功,在命令行输入node -v和npm -v,如果能显示出版本号说明安装成功,且已经有了正确的环境变量。 用户变量嘛最好也手动自己添加一个比较稳妥,因为我之前没有加,有时候在VSCode会出现node.js找不到路径的情况,虽然重启会解决问题,但是弹了两次我总觉得还有些不对劲,所以就还是加了一下,大家在安装的时候最好提前加一下。 到这里,Node.js安装完成 二、VSCode配置 先在VSCode里面安装两个插件,一个是负责运行的Code Runner,一个是JS的语法提示JavaScript(ES6) code snippets。 创建配置文件,打开你的代码文件夹,先随便创建一个test.js,随便写几句测试代码。然后点击左边侧边栏的调试工具,选择创建launch.json文件。 选择node.js调试环境,测试代码也可以用图里面的。 此时配置文件会自动生成,注意重点要修改一个地方,这里不要写死。将program属性改成${file},这样可以识别当前调试的文件,不需要每次都在这里更换文件名,调试哪个文件直接F5就OK。 到这里,其实就配置好了,此时的文件结构是这样的,可以直接在test.js文件打上断点,按F5进行调试 三、可能出现的问题 。 引用:本人环境: Visual Studio Code 1.66.0Node.js 16.14.2Windows10 64位 。 问题:请告诉我,javascriptnode.js环境配置步骤是什么?

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值