node-red mysql的增删改查_DOM 增删改查

本文详细介绍了DOM的基本概念,如元素节点、文本节点和属性节点,并通过JavaScript的DOM操作方法展示了如何进行查找、修改、添加和删除元素。主要涉及getElementById、getElementsByTagName等方法,以及setAttribute、remove等操作,还提到了Node-RED和MySQL的增删改查操作。
摘要由CSDN通过智能技术生成

要进行DOM的增删改查的操作,首先要先搞懂:

什么是dom?

Document Object Model,即文档对象模型。DOM把一份文档表示为一棵树,这是理解DOM模型的关键。是由节点(node)构成的一棵节点树。那么问题又来了:

节点是什么?

DOM中有许多不同类型的节点。其中最重要的有三种:元素节点(element node),文本节点(text node)和属性节点(attribute node)。有了节点,我们就可以很方便地通过定位节点,快速的对节点进行增删改查的操作。

查:

以下是一些查找节点的方法:

getElementById()、getElementsByTagName()、getElementsByName()、getElementsByClassName()、

querySelector()、querySelectorAll()

getElementById():

getElementById()方法,接受一个参数:获取元素的ID。如果找到相应的元素则返回该元素的 HTMLDivElement对象,如果不存在,则返回null。id表示一个元素节点的唯一性,不能同时给两个或以上的元素节点创建同一个命名的id。当我们通过getElementById()获取到特定元素节点时,这个节点对象就被我们获取到了,而通过这个节点对象,我们可以访问它的一系列属性。举例:

JS Bin
内容

正文

结尾

var tag = document.getElementsById("content").innerHTML

console.log(tag)

最后console.log((id.innerHTML)得到的结果是"内容"

getElementsByTagName():

getElementsByTagName()方法将返回一个对象数组HTMLCollection(NodeList),这个数组保存着所有相同元素名的节点列表。接上举例:

var tag = document.getElementsByTagName("p").length

console.log(tag)

最后docu

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值