<div class="box1">he<div class="box2">盒子2</div></div>

$('.box1').children[0].nodeName //div: 忽略空白节点,只选择element元素节点,而且兼容IE678

$('.box1').firstChild.nodeName //#text

$('.box1').childNodes[0].nodeName //#text

$('.box1').firstElementChild.nodeName //div----但是不兼容IE678

转载于:https://www.cnblogs.com/huangxingyuan/p/6535920.html

firstChild相关推荐

  1. 6.:first-child子元素过滤选择器

    通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素 ...

  2. first-child伪类选择器没有效果(不起作用)

    我们在开发时,经常会使用到结构性伪类选择器,如 first-child(选择第一个子元素),但有时候并没有效果怎么办? 这时候你可以检查一下该元素是否有其他兄弟元素.因为当父元素的第一个子元素类型和该 ...

  3. 多次Jquery引发head.insertBefore( script, head.firstChild );

    多次载入jquery是指在一个页面里引用jquery,而在DIV中载入的那个页面中就不要再引用jquery了.如果引用则会触发head.insertBefore( script, head.first ...

  4. 谁是谁的first-child

    看过CSS伪类选择器之后,心想也就如此嘛,:first-child选择元素的第一个子元素,有什么难的,可一到实践中,还是到处碰壁啊. 1 <body> 2 <ul class=&qu ...

  5. first-child和first-of-type的区别

    2019独角兽企业重金招聘Python工程师标准>>> first-child  匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素. first-of-type 匹配的是 ...

  6. css first-child,CSS :first-child 伪类

    实例 例子 1 - 匹配第一个 元素 在下面的例子中,选择器匹配属于任意元素的第一个子元素的 元素: p:first-child { font-weight:bold } I am a strong ...

  7. [css] 举例说明伪类:nth-child、:first-child与:first-of-type这三者有什么不同?

    [css] 举例说明伪类:nth-child.:first-child与:first-of-type这三者有什么不同? <div> <p>大儿子</p> <d ...

  8. CSS——设置第一个以外的元素样式:not(:first-child),设置最后一个除外的元素样式:not(:last-child)

    设置第一个以外的元素样式:not(:first-child),设置最后一个除外的元素样式:not(:last-child)

  9. jq之$(“ul li:first-child“)

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  10. 在CSS中使用not:first-child选择器

    Introduction: 介绍: Well, selectors are a very common term to deal with while we are developing a webs ...

最新文章

  1. IBM MR10i阵列卡配置Raid0/Raid1/Raid5(转)
  2. 斐波那契数列 C++ 实现代码
  3. 进程通信之飞鸽传书2007绿色版
  4. Dubbo服务启动时Caused by: com.alibaba.dubbo.remoting.RemotingException: Failed to bind NettyServer on /19
  5. VS.NET(C#)--1.4项目与解决方案
  6. React五——React-router
  7. 微信群机器人管理系统源码+支持同登陆多号
  8. 问题解决:你需要trustedinstaller提供的权限才能删除
  9. 遭遇Excel的宏病毒
  10. 技术停滞:如何更新?
  11. Keil中文显示设置
  12. 2020年3月全国程序员工资统计,平均工资13820元
  13. 玩客云pc端_玩客云pc端
  14. Vue3定义全局变量/方法
  15. 是否对纯色背景的IDE感到乏味?那就让vscode背景变成你想要的样子
  16. golang进程启动及监控
  17. 【精髓】Laravel 模型关联
  18. 计算机中的物理知识点总结,有关初中物理电磁波章节知识点总结
  19. 开源商城系统基于SSH2欧斯塔克在线商城系统
  20. 什么是精灵图,精灵图的优点

热门文章

  1. 概念:HPC 分布式计算 云计算 异构计算
  2. 闲云拾财:一款以用户为中心的产品才配得上是好产品
  3. 【苹果相册日历】iMessage日历苹果启航您的动静利用法式
  4. SNPE教程2-量化
  5. 四线电阻触摸屏原理(仅作为学习记录)
  6. chrome不用flash,播放流视频
  7. 浅谈元宇宙的三种发展路径,它是人类文明的必然选择吗?
  8. ASP.NET程序设计复习题库
  9. Win10电脑回收站中被清空的文件怎么恢复
  10. linux解压缩命令对比