DOM节点

最新推荐文章于 2024-08-23 20:39:24 发布
最新推荐文章于 2024-08-23 20:39:24 发布
阅读量132 收藏
点赞数
文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50053454/article/details/123115421
版权

1.HTML文档中的所有事物都是DOM节点。

HTML文档中的元素元素节点
HTML文档中的属性属性节点
HTML文档中的文本文本节点
HTML文档中的注释注释节点
HTML文档中的文档本身文档节点（根节点）
HTML文档中的空格和换行一般被划分为文本节点

2.nodeName属性是获取某一个节点的节点名称。

元素节点的nodeName和元素名称一样（大写）
属性节点的nodeName和属性名一样
文本节点的nodeName#text
注释节点的nodeName#comment
文档节点的nodeName#document

3.nodeType属性，获取某一个节点的节点类型。

元素节点的nodeType：1Node.ELEMENT_NODE
属性节点的nodeType：2Node.ATTRIBUTE_NODE
文本节点的nodeType：3Node.TEXT_NODE
注释节点的nodeType：8Node.COMMENT_NODE
文档节点的nodeType：9Node.DOCUMENT_NODE

4.nodeValue属性，获取某一个节点的位置。一般用于文本节点和属性节点。

  1. 对于文本节点nodeValue属性包含文本
  2. 对于属性节点nodeValue属性包含属性值
  3. nodeValue对于文档节点和元素节点是不可用的，使用textContent代替nodeValue来获取元素节点的内容
~历桑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基本DOM节点操作
11-26
1、获取元素节点 getElementById()：获取指定唯一id的元素。 getElementByTagName()：获取指定元素标签名的元素数组。 getElementByName()：获取具有指定属性name的元素数组。 2、子节点 element.childNodes：返回该...
Vue Render函数创建DOM节点代码实例
10-15
在Vue中，`render` 函数接收一个参数 `createElement`，这个函数是用于创建虚拟DOM节点的。在上述代码实例中，我们可以看到如何使用 `createElement` 创建DOM元素： 1. **属性传递**：`createElement` 接受一个标签...
JQuery插入DOM节点的方法
10-24
JQuery作为一种广泛使用的JavaScript库，提供了大量用于DOM操作的工具函数，其中插入DOM节点的方法尤其重要，因为它让动态地向页面中添加内容变得更加简单和直观。在JQuery中，有多种方法可以实现DOM节点的插入，每...
[js高手之路]HTML标签解释成DOM节点的实现方法
10-19
4. DOM节点创建与插入：使用JavaScript的document.createElement方法创建对应的DOM元素，通过innerHTML属性设置元素的内容，通过setAttribute方法设置元素的属性，最后将创建的DOM节点插入到页面的document.body中。...
前端字符串将其分割成长度为 32 的子字符串数组
人与人之间最小的差别是智商，最大的差别是坚持。
08-19 395
要实现这个需求，可以编写一个简单的 JavaScript 函数来处理字符串并将其分割成长度为 32 的子字符串数组。将字符串切割后，对list数据进行数据处理。
【js】各类前端输入校验方法
galaxyJING的博客
08-21 350
【代码】【js】各类前端输入校验方法。
vue中定义一个url文件,在vue文件中引入
weixin_65767506的博客
08-22 242
1.在src/utils文件夹下创建一个url.js。3.在其他vue文件中引入。2.url.js的内容为。4.在挂载时打印一下。打印出来就可以用了.
浅谈JavaScript 框架在现代 Web 开发中的作用
08-21 512
随着近年来 Web 开发的快速发展，JavaScript 框架已成为用于构建任何应用程序的强大、灵活和可扩展元素的重要实用程序。一些框架，如Angular、React、Vue.JS等，有助于以系统的方式处理固有的网站开发复杂性，以提高效率。它们提供已经为基本编程功能和常规任务编写的 JavaScript 代码，从而缩短了必要的原始编码时间。此外，它们还增加了 Web 应用程序的功能和交互性，从...
【IC前端虚拟项目】用例的完善与补充
moon9999的博客
08-20 93
当然只不过是参考，个人不建议在寄存器测试这个环节投入太多的经历，也没有必要非在环境中讲寄存器模型以seq方式呈现，只要用起来方便就是最合适的。如果之后在实际的项目中寄存器模型时通过seq的方式集成到环境中的（比如我现在负责的项目，验证环境就是如此），那么转换过来也是没有什么难度的，这点大可放心。此外，在组织更多随机用例的过程中可以练习多种不同约束的transaction以不同的比例关系通过同一个seq/sqr uvm_do的操作。好了，具体的用例大家可以参考我的代码，尽量以自己的思路来进行扩充。
前端审查_Nginx
阿宝的博客
08-22 327
vueCli/vite/cra/umi等都是运行 build脚本build如何定义 打包生产环境代码配置在配置文件 vue.config.js中。
CORS error && 302 Found
zcxbd的博客
08-19 214
单点登录认证：访问A系统，在B系统登录认证此处代码为A系统。
SQL-约束篇
Broken_x的博客
08-19 777
SQL约束是数据库设计中不可或缺的一部分，通过合理使用各种约束，可以确保数据的完整性和一致性。在实际应用中，开发者应根据需求灵活运用这些约束，以提高数据管理的效率和安全性。
前端点击预览图片：Viewer.js 使用方法
mq1314520_zhl的博客
08-21 738
Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能，同时，这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本，js版本和jquery版本，下载地址分别为jQuery 版本：GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.
前端：篮球投掷动画
最新发布
懒羊羊大王的博客
08-23 499
使用 H5 和 CSS3 实现的一个篮球投掷动画。 玩法：通过点击篮球所在的绿色(紫色)容器，实现篮球的投掷和回收。
Web客户端软件测试
m0_64998406的博客
08-21 662
软件中存在的任何问题，也叫缺陷（ bug ）。
django实现手机号归属地查询
u010674101的专栏
08-20 486
要在 Django 中创建一个手机归属地查询页面，前端部分通常包括一个输入框用于输入手机号码和一个按钮用于提交查询请求，随后在页面上显示查询结果。
esbuild的onStart事件全面讲解：掌握构建过程的起点
计算机图形学
08-21 482
onStart事件是esbuild构建API中的一个重要事件，它在构建过程开始时被触发。这个事件提供了一个机会，让开发者在构建真正开始之前执行一些自定义的逻辑，比如设置环境变量、初始化构建状态、记录日志等。onStart事件是esbuild构建API中的关键一环，它提供了在构建过程开始时执行自定义逻辑的机会。通过深入了解onStart事件的工作流程和应用场景，并结合实际项目进行实践，开发者可以更好地掌握构建过程的起点，并优化构建流程、实现自定义构建逻辑以及调试构建问题。希望本文能够帮助你更好地理解和使用。
and design vue表格列宽度拖拽，vue-draggable-resizable插件使用
m0_46978096的博客
08-20 210
【代码】and design vue表格列宽度拖拽，vue-draggable-resizable插件使用。
java接收日期参数传空报错400问题
qq_30255033的博客
08-21 192
java接收日期参数传空报错400问题
react获取dom节点
05-19
在 React 中获取 DOM 节点有多种方法，以下是其中的一些： 1. 使用 ref 属性 可以在组件中通过 ref 属性获取 DOM 节点。例如，可以在 render 方法中创建一个 div 元素，并将其保存到组件的 ref 属性中： ``` class MyComponent extends React.Component { constructor(props) { super(props); this.myRef = React.createRef(); } componentDidMount() { console.log(this.myRef.current); } render() { return <div ref={this.myRef}>Hello, world!</div>; } } ``` 在 componentDidMount 方法中，可以使用 this.myRef.current 获取到这个 div 元素。 2. 使用回调函数 可以将一个回调函数传递给组件，当组件挂载时，这个函数会被调用并传递组件的 DOM 节点作为参数： ``` class MyComponent extends React.Component { componentDidMount() { console.log(this.myNode); } render() { return <div ref={node => this.myNode = node}>Hello, world!</div>; } } ``` 在 componentDidMount 方法中，可以使用 this.myNode 获取到这个 div 元素。 需要注意的是，使用回调函数的方法在 React 16.3 版本之前是唯一的可靠方法，但是在 React 16.3 版本之后，ref 属性提供了更好的方式来获取 DOM 节点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值