day31-33关于parentNode,parentElement,childNodes,children

最新推荐文章于 2024-07-10 21:25:58 发布
最新推荐文章于 2024-07-10 21:25:58 发布
阅读量140 收藏
点赞数
分类专栏： 初学前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RealRecall/article/details/111178857
版权

找节点和找元素是不同的。
childNodes和children区别在于，childNodes可能会找到文本节点，而children只会找到元素节点。
parentNode和parentElement区别在于，存在document的节点，而不存在document元素。

RealRecall
关注
专栏目录
day44-47 JavaScript
gaosong0623的博客
11-07 197
JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完...
前端学习 day10 : 节点,事件进阶和解绑,BOM,定时器
whosedad的博客
11-24 360
1.节点 1.1 什么是节点 //节点主要是添加删除标签的,动态数据渲染 //节点类型 nodeType : //1 元素(标签) 2 属性 3 文本 8 注释 9 文档 //9 文档 console.log(document.nodeType); var dv = document.getElementById("dv") ; //1 元素(标签) console.log(dv.nodeType) ; var c...
Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
weixin_30536513的博客
10-03 180
原文：http://www.it130.cn/Article/FAQ/Web-kaifa/JavaScript/2007-3-20/2007032017013900.html 所属分类：Web 开发 JavaScript ---------------------------------------------------------------------- parentNode、pa...
parentNode、parentElement，childNodes、children 区别
清风小阁
05-14 1158
 parentElement         获取对象层次中的父对象。parentNode               获取文档层次中的父对象。children                      获取作为对象直接后代的 DHTML 对象的集合。childNodes                 获取作为对象直接后代的 HTML 元素和 TextNode 对象的集合。parentNode和
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
weixin_44206561的博客
08-26 3139
今天是准备面试的第七天，js是由ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM）组成，我们今天就了解下与DOM有关的常用接口parentNode,parentElement,childNodes,children。 parentNode，parentElement，childNodes和children都是对节点的操作，因此我们需要对dom树有一定的了解，在文档对象模型中，每一部分都是由节点组成（包括document都是一个节点），节点的类型一共有三种：元素节点，属性节点，文本节点，
parentNode,parentElement,childNodes,children最经典讲解
热门推荐
qq_36010298的博客
11-26 2万+
首先了解parentNode,parentElement,childNodes,children四大属性之前，必须对Dom树有一定的了解，在Dom文档结构中，HTML页面每一部分都是由节点组成的，节点的类型一共有3种，元素节点，文本节点，属性节点，从图中可以看出属性节点属于元素节点的分支，一般不常考虑， 下来详细介绍，childNodes，childern， childNodes指的是返
Js中parentNode,parentElement,childNodes,children之间的区别
farxix的博客
05-29 916
parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 children 获取作为对象直接后代的 DHTML 对象的集合。 ...
day29-DOM（下）
HAI6545的博客
12-24 448
DOM DOM 就是我们 html 结构中一个一个的节点构成的。不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点。 DOM节点分三种：元素节点、文本节点、属性节点。 元素节点就是我们获取到的标签元素；标签里面的文本就是文本节点、标签上的属性就是属性节点。 元素节点 就是我们各种获取方法获取到的标签元素 document.getElementById(); document.querySeletor(); docum...
day18
最新发布
zhangjialingliga的博客
07-10 694
DNS 域名解析系统 当在浏览器窗口输入网址后，首先直接访问DNS服务器，DNS服务器是一个大型数据库 查找到当前网域名对应的IP和端口号，把这个叫做域名解析。children[0]向历史记录中添加一个新的历史记录，并且储存一个数据，无用的标识用标识这个历史，url添加内容可以添加se。在百度云，华为云，阿里云买了一个域名，需要先查找有没有同名，com（最贵） cn(国家）cc。根据id获取文档中的元素，在html中id是不重复的，这就意味着这个方法只能获取到一个元素。
牛客前端大挑战62-73
cuixueying521123的博客
07-20 1226
62.表格排序 描述 系统会在tbody中随机生成一份产品信息表单，如html所示。 请完成 sort 函数，根据参数的要求对表单所有行进行重新排序。 1、type为id、price或者sales，分别对应第1 ~ 3列 2、order为asc或者desc，asc表示升序，desc为降序 3、例如 sort(‘price’, ‘asc’) 表示按照price列从低到高排序 4、所有表格内容均为数字，每一列数字均不会重复 5、不要使用第三方插件 function sort(type, order) {
parentNode,parentElement,childNodes,children区别
xiasohuai的博客
09-27 617
 childNodes childNodes指的是返回当前元素子节点的所有类型节点，其中连空格和换行符都会默认文本节点 childNodes只会返回文本和元素的节点，并不能返回属性节点！！！    children children指的是返回当前元素的所有元素节点 children很直观的反应了返回元素节点的属性   parentNode parentNode：父节点  ...
parentNode,parentElement,childNodes,children的区别
我的技术博客
10-11 3271
从字面上我们可以知道一个是parent的节点,一个是parent的元素,实际上在很多时候它们的返回的内容是相同的,比如有这么一段代码: 节点 item1 item i item ii item iii item2 item3    var item1 = document.ge
复习一下HTML和CSS
RealRecall的博客
11-01 880
html和css还差最后一个作业，做倒数第二个作业用了太长时间，我对于知识掌握不牢。我今天开始复习了day1到day8的自学内容。 时间有限，只复习了选择器，列表。
day31-33阻止默认事件的方法
RealRecall的博客
12-14 476
代码如下： var input = document.querySelector("input"); input.onclick = function (e) { if (input.checked == false) { e.preventDefault(); } }; 这样的话，checkbox就无法取消了。因为当checked的值想要变成false时，input的默认事件，即“改变checkbox的状态”这个默认
day25-27 递归和setTimeout
RealRecall的博客
12-05 437
递归 程序调用自身的编程技巧称为递归（ recursion）。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解，递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算，大大地减少了程序的代码量。递归的能力在于用有限的语句来定义对象的无限集合。一般来说，递归需要有边界条件、递归前进段和递归返回段。当边界条件不满足时，递归前进；当边界条件满足时，递归返回。 使用setTime
day34-36 一种使用innerHTML增加内容的方法
RealRecall的博客
12-17 404
代码如下： outerHTML这个属性和innerHTML差不多，前者还额外设置（或获取）对象的标签。
day28-30使用querySelectorAll和for遍历
RealRecall的博客
12-12 364
代码如下： for (i = 0; i < tips.length; i++) { var li = document.querySelectorAll("li"); } 另外提一下，使用for循环的死后，第二个参数中若存在变量，可能会由于for循环的改变而改变，无法达到预期。因此最好不要直接在第二个变量里写参数，而是要在第一个参数里定义一个新变量，再把新变量写到第二个参数里，以保证for循环执行条件不变。 ...
day20-21使用opacity制作渐变
RealRecall的博客
11-29 359
对于淡入有两种方法： 一、利用法 <html> <body> <div id="fade-obj" style="width: 300px; height: 300px; background: #000" ></div> <button id="fade-btn">淡出</button> <script> let div = document.quer
JavaScript中parentNode,childNodes,children属性深度解析
`parentNode`, `childNodes`和`children`是三个非常重要的属性，它们帮助我们理解和操作元素之间的关系。 1. `parentNode` `parentNode`属性用于获取当前元素的直接父节点。在HTML文档中，每个元素都有一个父节点...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值