lastChild和firstChild的区别

最新推荐文章于 2022-01-18 15:47:52 发布
最新推荐文章于 2022-01-18 15:47:52 发布
阅读量826 收藏
点赞数
分类专栏： javascript 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jinzhuming0308/article/details/50859128
版权

今天在做图片库的时候lastChild，firstChild两个属性
关于这两个属性w3c定义为：
lastChild：返回文档的最后一个子节点；
firstChild：返回文档的首个子节点；
详细代码如下
div.firstChild;这是定义元素的第一个子元素
div.lastChild;这是定义元素的最后一个子元素
关于详细用法以后会持续更新

jinzhuming0308
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript-获取parentNode-firstChild-lastChild的方法及案例
以后的23,725天，每一天都是精彩的，现在做，一切还来的及，相信自己！
10-27 1180
dom4.html window.onload = function() { //根据id获取指定的节点 var divNode=document.getElementById("xy"); //获取父节点 //"xy"的divNode.parentNode是body,divNode.parentNode.parentNode是html var pNode=di
注意：firstChild和lastChild
第三食堂
04-30 427
通过firstChild和lastChild获取往往是文本节点是因为在编写HTML时获取的是空格。。。。空格是文本字符。。。
解决css样式中first-child和last-child不生效的问题
LYQ
11-29 1万+
前端项目需要使用v-for指令来渲染一个问题回复列表，列表的第一和最后需要显示不同的样式，便使用到了first-child和last-child这两个CSS属性，在编码后发现 last-child 和 first child 中的样式不生效，经过查找资料后解决了这个不生效问题的同时也加深了印象。 首先我们得明白first-child和last-child是干什么用的： first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 last-c...
jQuery中的子（后代）元素过滤选择器（四、六）：nth-child()、first-child、last-child、only-child
五彩世界的博客
07-18 1591
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>子(后代)元素过滤选择器</title> <meta http-equiv="content-type" content=&q
css3结构伪类选择器first-child,last-child,nth-child(),nth-last-child()，only-child
SBTR123456的博客
12-20 603
1 element:first-child 选择属于其父元素的首个子元素的element元素 注意：div:first-child 必须是其父元素下面的第一个子元素且必须是div元素才能匹配的到 匹配结果： 2 同理：element:last-child 指定其父元素的最后一个子元素的element元素 注意：div:last-child 代表其父元素的...
firstchild-lastchild
03-11
`firstchild-lastchild-master`这个文件名可能表示一个项目或教程，专注于讲解如何利用`first-child`和`last-child`来控制页面元素的样式。在学习或参考这样的资源时，你可能会学到如何有效地使用这两个选择器，包括...
解析dom中的children对象数组元素firstChild,lastChild的使用
09-05
以下是对dom中的children对象数组元素firstChild,lastChild的使用进行了详细的分析介绍，需要的朋友可以参考下
tinyxml库和文件
07-08
可以通过`TiXmlElement`的`FirstChild()`和`LastChild()`来获取或设置元素内的文本。 TinyXML库提供了简单直观的API，使得XML文档的解析和修改变得非常容易。例如，你可以创建新的元素，添加属性，或者将元素插入到...
js.dom学习资料和笔记
最新发布
08-24
1. **父节点、子节点、兄弟节点**：通过`parentNode`、`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`属性，可以遍历元素的关系。 2. **节点类型**：`nodeType`属性表示节点的类型，...
:last-child用法
weixin_42052388的博客
08-17 3499
我想选中   第四个p ，也就是body下面 最后一个p 结果不生效 才知道  这个伪类的意思是  先找到 p，然后 符合 找到的这个p元素是它父元素的最后一个元素  才生效 即： ...
javascript中的firstchild
bofengshuimen700的专栏
05-27 8391
Microsotf Yahoo Easy W3c/Javascript Design|Source var container=document.getElementById("contain");
first-child
易天海
12-06 253
$("#quitLoss>a:first-child").addClass('curr'); $('#numbe').focus(); $('#numbe').blur();  
first-of-type与first-child区别
luckyrass的专栏
07-07 1480
转自:http://www.cnblogs.com/2050/p/3569509.html :first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码： p:first-child  匹配到的是p元素,因为p元素是div的第一个子元素； h1:first-child  匹配不到任何元素，因为在这里h1是div的第
C3选择器 :only-child :first-child :last-child的正确使用
who_become_gods的博客
03-03 729
比如ul下不确定li的多少 又是下面连体按钮样式 li:only-child li:first-child li:not(:first-child) li:last-child li:first-child li:not(:first-child) li:last-child 整体代码如下 <!DOCTYPE html> <html lang="en"> &...
CSS结构伪类E:first-child/last-child/only-child/empty
weixin_30709809的博客
06-07 79
E:first-child解释：E的父元素的第一个子元素正好是E，给这个E定义样式 E:last-child解释：E的父元素的最后一个子元素正好是E，给这个E定义样式 E:only-child解释：E的父元素只有一个子元素正好是E，给这个E定义样式 E:empty解释：E元素没有子元素和文本内容，给这个E定义样式 例子：只要E元素是它的父级的第一个子元素，就选中。它...
JavaScript学习笔记——firstchild的问题
403 Forbidden
09-08 688
在学习获取元素的时候发现了这样一个问题 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <
有关 :first-child的理解
热门推荐
师兄阿离的博客
10-29 2万+
最近在做项目，突然发现一个选择器非常特别，所以特意去了解了一下，下面把我自己所理解的意思写下来。 在W3School里面讲   ：first-child选择器用于选取属于其父元素的首个子元素的指定选择器。 我刚一看这个我也是看的迷迷糊糊，这讲的是什么意思，我把他理解成是他的第一个元素。然后就傻傻的的去测试，也不知道自己弄什么。然后出现了一些错误，下面我就一一例举有关：first-child的内...
css选择器中的子索引伪类使用，有关:last-child与:last-of-type的区分
一个小白的成长历程
01-18 882
css选择器中的子索引伪类使用，有关:last-child与:last-of-type的区分，有无当前元素状态的区分，并且借助伪类实现动态标签元素生成的样式匹配，从而达到不使用js也可根据列表的数量更改其对应样式
td firstChild 只要换行就出不来，好奇怪
硕士茂哥
01-06 815
不换行就可以                 序号       商品名称       数量       单价       合计                     1       C       0       0       0                     2       D       0       0
下面哪些属性有兼容性问题的（previousSibling，nextSibling，lastChild，firstChild）
04-29
这些属性在不同浏览器和不同版本的浏览器中可能存在兼容性问题，主要是因为它们受到 DOM 规范的不同解释和实现方式的影响。其中，previousSibling 和 nextSibling 属性在某些浏览器中会返回空白文本节点，而 lastChild 和 firstChild 属性在某些浏览器中会返回注释节点。因此，在编写跨浏览器兼容的代码时，需要特别小心这些属性的使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值