Dom 节点和 元素 有啥区别？好家伙，我弄懂了

本文已经过原作者 Shadeed 授权翻译。

DOM 还使用术语元素(Element)它与节点非常相似。那么，DOM节点和元素之间有什么区别呢?

1. DOM节点

理解节点和元素之间区别的关键是理解节点是什么。

更高的角度来看，DOM文档由节点层次结构组成。每个节点可以具有父级和/或子级。

看看下面的HTML文档:



  
    My Page
  
  
    
    
My Page

    Thank you for visiting my web page!

  

该文档包含以下节点层次结构:

Dom 节点和 元素 有啥区别？好家伙，我弄懂了

是文档树中的一个节点。它有2个子节点:和。

子有3个子节点的节点:注释节点 ，标题

，段落

。节点的父节点是节点。

HTML文档中的标记代表一个节点，有趣的是普通文本也是一个节点。段落节点

有1个子节点:文本节点“Thank you for visiting my web page!”。

1.2节点类型

我们要如何区分这些不同类型的节点？答案在于DOM Node接口，尤其是Node.nodeType属性。

Node.nodeType可以具有代表节点类型的以下值之一：

常量有意义地指示节点类型：例如Node.ELEMENT_NODE代表元素节点，Node.TEXT_NODE代表文本节点，Node.DOCUMENT_NODE文档节点，依此类推。

例如，让我们选择段落节点，然后查看其nodeType属性：

const paragraph = document.querySelector('p');

paragraph.nodeType === Node.ELEMENT_NODE; // => true

代表整个节点文档树的节点类型为Node.DOCUMENT_NODE：

document.nodeType === Node.DOCUMENT_NODE; // => true

2. DOM元素

掌握了DOM节点的知识之后，现在该区分DOM节点和元素了。

如果你了解节点术语，那么答案是显而易见的:元素是特定类型的节点 element (Node.ELEMENT_NODE)，以及文档、注释、文本等类型。

简而言之，元素是使用HTML文档中的标记编写的节点。，，<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">，</span><body><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">，</span><h2><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">，</span><p><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">都是元素，因为它们由标签表示。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">文档类型，注释，文本节点不是元素，因为它们没有使用标签编写：</span></p><p style="text-align: left">Node<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">是节点的构造函数，</span>HTMLElement<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;"> 是 JS DOM 中元素的构造函数。段落既是节点又是元素，它同时是</span>Node<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">和</span>HTMLElement<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">的实例</span></p><pre><code>const paragraph = document.querySelector('p'); paragraph instanceof Node;        // => true paragraph instanceof HTMLElement; // => true </code></pre><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">简单地说，元素是节点的子类型，就像猫是动物的子类型一样。</span></p><h1 class="pgc-h-arrow-right"><strong><span style="color: #48B378; --tt-darkmode-color: #48B378;">3. DOM属性：节点和元素</span></strong></h1><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">除了区分节点和元素之外，还需要区分只包含节点或只包含元素的DOM属性。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">节点类型的以下属性评估为一个节点或节点集合（</span>NodeList<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">）：</span></p><pre><code>node.parentNode; // Node or null node.firstChild; // Node or null node.lastChild;  // Node or null node.childNodes; // NodeList </code></pre><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">但是，以下属性是元素或元素集合（</span>HTMLCollection<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">）：</span></p><pre><code>node.parentElement; // HTMLElement or null node.children;      // HTMLCollection </code></pre><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">由于</span>node.childNodes<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">和node.children都返回子级列表，因此为什么要同时具有这两个属性？好问题！</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">考虑以下包含某些文本的段落元素：</span></p><pre><code><p>   <b>Thank you</b> for visiting my web page! </p> </code></pre><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">打开演示，然后查看parapgraph节点的</span>childNodes<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">和</span>children<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">属性：</span></p><pre><code>const paragraph = document.querySelector('p'); paragraph.childNodes; // NodeList:       [HTMLElement, Text] paragraph.children;   // HTMLCollection: [HTMLElement] </code></pre><p style="text-align: left">paragraph.childNodes<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">集合包含2个节点：</span><b>Thank you</b><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">,，以及</span>for visiting my web page!<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">文本节点！</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">但是，</span>paragraph.children<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">集合仅包含1个项目：</span><b>Thank you</b><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">由于</span>paragraph.children<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">仅包含元素，因此此处未包含文本节点，因为其类型是文本（</span>Node.TEXT_NODE<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">），而不是元素（</span>Node.ELEMENT_NODE<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">）。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">同时拥有</span>node.childNodes<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">和</span>node.children<span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">，我们可以选择要访问的子级集合：所有子级节点或仅子级是元素。</span></p><h1 class="pgc-h-arrow-right"><strong><span style="color: #48B378; --tt-darkmode-color: #48B378;">4.总结</span></strong></h1><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">DOM文档是节点的分层集合，每个节点可以具有父级和/或子级。如果了解节点是什么，那么了解DOM节点和元素之间的区别就很容易。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">节点有类型，元素类型就是其中之一，元素由HTML文档中的标记表示。</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">完~ 我是小智，我要去刷碗了，我们下期再见！</span></p><hr><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">作者：Shadeed 译者：前端小智 来源：dmitripavlutin</span></p><p style="text-align: left"><span style="color: #4A4A4A; --tt-darkmode-color: #9B9B9B;">原文：https://dmitripautin.com/dom-node-element/</span></p> </div> <div class="readall_box" > <div class="read_more_mask"></div> <a class="read_more_btn" target="_self">展开阅读全文</a> </div> <p class="info">页面更新：2024-04-26</p> <p class="tags"> 标签：<a href="/a/t-915-0.html" target="_blank">节点</a>   <a href="/a/t-1239-0.html" target="_blank">元素</a>   <a href="/a/t-6016-0.html" target="_blank">区别</a>   <a href="/a/t-47802-0.html" target="_blank">注释</a>   <a href="/a/t-8-0.html" target="_blank">段落</a>   <a href="/a/t-6506-0.html" target="_blank">个子</a>   <a href="/a/t-704-0.html" target="_blank">术语</a>   <a href="/a/t-17098-0.html" target="_blank">函数</a>   <a href="/a/t-5927-0.html" target="_blank">标记</a>   <a href="/a/t-1705-0.html" target="_blank">属性</a>   <a href="/a/t-3789-0.html" target="_blank">层次</a>   <a href="/a/t-10394-0.html" target="_blank">文本</a>   <a href="/a/t-3981-0.html" target="_blank">类型</a>   <a href="/a/t-763-0.html" target="_blank">代表</a>   <a href="/a/t-4498-0.html" target="_blank">文档</a>   <a href="/a/t-759-0.html" target="_blank">科技</a></p> <p class="pageLink"></p> <p class="pagelink1"> <a href="/a/3-1665216536668835.html">1</a> <a href="/a/3-1665216535668834.html"><b>2</b></a> <a href="/a/3-1665216533668833.html">3</a> <a href="/a/3-1665216532668832.html">4</a> <a href="/a/3-1665216530668831.html">5</a> </p> <div class="a_b_js2"> <script type="text/javascript" src="/a_b_js/m_2.php"></script> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216371668829.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216371668829.html" target="_blank">44道有 故事 JS 面试题，不好搞定</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216371668829.html" target="_blank">来源 | https://www.jianshu.com/p/e161bd720e64 国外某网站给出了44道JS难题，试着做了下，只做对了17道。这些题涉及面非常广，涵盖JS原型、函数细节、强制转换、闭包等知识，而且都是非常细节的东西，透过这些小细节可以折射</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216369668828.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216369668828.html" target="_blank">10个很棒的 JavaScript 字符串技巧</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216369668828.html" target="_blank">文本已经经过原作者 Kai 授权翻译。我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧，你可能还不知道哦？1.如何多次复制一个字符串JS 字符串允许</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216368668827.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/b4eceaaa254d9673.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216368668827.html" target="_blank">「干货」使用 CSS Snap 优化滚动，提升用户体验</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216368668827.html" target="_blank">本文已经过原作者Ahmad 授权翻译。你是否经常希望有一个CSS特性可以轻松创建一个可滚动的容器? CSS scroll snap 可以做到这一点。在早期的前端开发中，我依靠 JS 插件来创建滑块组件。有时，我们需要一种简单的方法来快</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216367668826.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216367668826.html" target="_blank">try..catch 不能捕获的错误有哪些？注意事项又有哪些</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216367668826.html" target="_blank">本文已经原作者 Ashish Lahoti 授权翻译。今天的内容中，我们来学习一下使用try、catch、finally和throw进行错误处理。我们还会讲一下 JS 中内置的错误对象(Error, SyntaxError, ReferenceError等)以及如何定义自定义</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216365668825.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216365668825.html" target="_blank">有关JavaScript中回调函数的所有内容</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216365668825.html" target="_blank">本文已经过原作者 dmitripavlutin 授权翻译！回调函数是每个 JS 开发人员都应该知道的概念之一。回调用于数组，计时器函数，promise，事件处理程序等中。在本文中，会解释回调函数的概念。另外，还会帮助智米们区分两种回调：同步</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216363668824.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/08cfb590987c1bd2.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216363668824.html" target="_blank">CSS中，如何处理短内容和长内容？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216363668824.html" target="_blank">本文已经过原作者 shadeed 授权翻译。当我们使用 CSS 构建布局时，考虑长短文本内容很重要，如果能清楚地知道当文本长度变化时需要怎么处理，可以避免很多不必要的问题。在许多情况下，添加或删除一个单词会改变 UI 的外观，更</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216362668823.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/663f0f77a0676139.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216362668823.html" target="_blank">「下」100 幅高质量插图，无版权可以在任何地方使用它</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216362668823.html" target="_blank"> 51.代码协作png 下载地址：https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/100/51.pngsvg 下载地址：https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/100/51.svg52.工作挑战png 下</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216361668822.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/d2ae5a9019fad36a.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216361668822.html" target="_blank">面试官：为什么Promise比setTimeout() 快？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216361668822.html" target="_blank">本文已经过原作者 devinduct 授权翻译。1.实验我们来做个实验。哪个执行得更快:立即解决的 Promise 还是立即setTimeout(也就是0毫秒的setTimeout)?Promise.resolve(1).then(function resolve() {   console.log(</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216359668821.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/a0fc5c766ffdc06f.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216359668821.html" target="_blank">如何遍历DOM？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216359668821.html" target="_blank">本文已经原作者 Tania Rascia授权翻译。简介我们知道可以使用document对象的内置方法通过ID，类，标签名和查询选择器来访问HTML元素。DOM 是由节点树构成的，document节点位于根，其他每个节点（包括元素，注释和文本节点）都作为</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216357668820.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/71b2fc957a1e1ddb.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216357668820.html" target="_blank">14 张有趣深动图解 FlexBox，还不快进收藏夹吃灰</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216357668820.html" target="_blank">本文已经过原作者Joy Shaheb 授权翻译。2021 年了，我们在来重新复习一下 flexbox 的用法，还有一些用的比较少的属性，方便大家理解，这里使用有趣的图片来讲解。FlexBox 架构FlexBox图表flex-directionflex-item在flex-cont</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216356668819.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216356668819.html" target="_blank">如何在 JS 中判断数组是否包含指定的元素(多种方法)</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216356668819.html" target="_blank">本文已经原作者 Abhilash Kakumanu 授权翻译。简介数组是我们编程中经常使用的的数据结构之一。在处理数组时，我们经常需要在数组中查找特定的值，JavaScript 包含一些内置方法来检查数组是否有特定的值或对象。今天，我们</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216355668818.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/f868b5cb472452b2.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216355668818.html" target="_blank">理解JavaScript中的数据结构(链表)</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216355668818.html" target="_blank">对于 JS 初学者，理解链表可能是一项比较困难的任务，因为 JS 没有提供内置的链表。在像 JS 这样的高级语言中，我们需要从头开始实现此数据结构，如果你不熟悉此数据结构的工作方式，则实现部分会变得更加困难 ?。在本文中，我们</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216353668817.html" target="_blank"><img data-src="//img05.71396.com/small/ba/lo/6f979cc4d9a7977b.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216353668817.html" target="_blank">历时10个多月，学习了这132 个CSS 特效，还不来学习</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216353668817.html" target="_blank">这132个特效，是我历时10个多月在油管一个一个跟着敲出来的，为了加强记忆，每个练习，我都录制了视频，在这里分享出来给大家。大家可能又会调侃了，你是工作不饱和吧，有时间做这些。其实，我目前工作还是挺饱和的，都是挤出来的。我</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216352668816.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216352668816.html" target="_blank">22个超详细的 JS 数组方法</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216352668816.html" target="_blank">作者：Yushiahttps://juejin.cn/post/6907109642917117965数组是 js 中最常用到的数据集合，其内置的方法有很多，熟练掌握这些方法，可以有效的提高我们的工作效率，同时对我们的代码质量也是有很大影响。一、创建数组1.使用数</a> </div> </div> </div> <div class="box"> <div class="tpic"> <a href="/a/3-1665216350668815.html" target="_blank"><img data-src="" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="tit"> <div class="title"> <h2><a href="/a/3-1665216350668815.html" target="_blank">JS中，如何检查对象是否为数组？</a></h2> </div> <div class="jianjie"> <a href="/a/3-1665216350668815.html" target="_blank">简介在 JS 中使用数组是一种常见操作，有时在开发中，获得一个需要作为数组的变量，但是我们不确定它是否是数组，那要怎么去判断是否为数组呢?JS 中的非原始数据类型都是对象（函数具有自己的类型，但它们也是对象）。因此，仅使用ty</a> </div> </div> </div> <div class="list_more" id="loading">上滑加载更多 ↓</div> <div class="list_more" id="nomoreresults" style="display:none">所有内容加载完毕</div> </div> <div class="right"> <div class="rboxs"> <div class="rtuijian">推荐阅读：</div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665216365668825.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665216365668825.html">有关JavaScript中回调函数的所有内容</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665216356668819.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665216356668819.html">如何在 JS 中判断数组是否包含指定的元素(多种方法)</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665214564668777.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665214564668777.html">如何将元素插入数组的指定索引？</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665214562668776.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665214562668776.html">这些 JS 函数让你的工作更加 So Easy</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665214557668772.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665214557668772.html">如何在 JS 中的数组开头添加元素？</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665212726668746.html"><img data-src="//img05.71396.com/small/ba/lo/0e2e0965033529e9.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665212726668746.html">如何避免JavaScript类型转换</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665212724668745.html"><img data-src="//img05.71396.com/small/ba/lo/7c30c171b6cbf0c3.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665212724668745.html">Vue3有没有对应工具来生成漂亮的文档？用Vitepress</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665212722668744.html"><img data-src="/e/data/images/notimg.gif" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665212722668744.html">如何使用 JS 动态合并两个对象的属性</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665211123668729.html"><img data-src="//img05.71396.com/small/ba/oj/dd35aadd8c0b0345.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665211123668729.html">咏巷炸鸡：国产炸鸡的代表</a></h3> </div> </div> </div> <div class="rbox"> <div class="rtpic"> <a href="/a/3-1665211117668725.html"><img data-src="//img05.71396.com/small/ba/oj/a4bd4a1bce1917e8.jpg" onerror="this.src='/c2021/img/nopic.jpg';this.onerror=null"></a> </div> <div class="rtit"> <div class="rtitle"> <h3><a href="/a/3-1665211117668725.html">保安打死外卖员：底层互害的代表</a></h3> </div> </div> </div> </div> <div class="rboxs"> <div class="rtuijian">友情链接：</div> <div class="rbox1"> <ul> <li><a href="https://www.bs178.com/" target="_blank">品学网</a></li> <li><a href="https://www.71396.com/" target="_blank">奇文网</a></li> <li><a href="https://www.bs178.com/rizhi/" target="_blank">日志</a></li> <li><a href="https://www.bs178.com/zuowen/" target="_blank">作文</a></li> <li><a href="https://www.bs178.com/lizhi/" target="_blank">励志</a></li> <li><a href="https://www.bs178.com/meiwen/" target="_blank">美文</a></li> <li><a href="https://www.bs178.com/fanwen/" target="_blank">范文</a></li> <li><a href="https://www.bs178.com/jiaoan/" target="_blank">教案</a></li> <li><a href="https://www.bs178.com/lunwen/" target="_blank">论文</a></li> </ul> </div> </div> <div class="rboxs"> <div class="rtuijian">更多：</div> <div class="rbox1"> <p>本站资料均由网友自行发布提供，仅用于学习交流。如有版权问题，请与我联系，QQ：4156828  </p> <p>© CopyRight 2020-<span id="year">2024</span> All Rights Reserved. Powered By <a href="https://www.71396.com/" target="_blank">71396.com</a> <a href="https://beian.miit.gov.cn/" target="_blank" rel=”external nofollow">闽ICP备11008920号-4</a><br><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35020302034903" rel=”external nofollow">闽公网安备35020302034903号</a></p> </div> </div> </div> <script type="text/javascript"> var curpage = 2; var totalpage = 100; var geturl = '/apic/c2021.php?classid=3&from=3&id=668830&page='; </script> <a href="#" class="cd-top">Top</a> <script type="text/javascript" src="/c2021/js/js.js"></script> <script type="text/javascript" src="/apic/onclick.php?on=onclick&classid=3&id=668830"></script> </body> </html>