当前位置: 开发笔记 > 前端 > 正文

解析dom中的children对象数组元素firstChild,lastChild的使用

作者：Zhengweiwei313 | 来源：互联网 | 2022-10-13 15:47

以下是对dom中的children对象数组元素firstChild,lastChild的使用进行了详细的分析介绍，需要的朋友可以参考下

代码如下:

行1列1 行1列2
行2列1 行2列2

document.all.tbl.children(0).children(0).innerHTML解释
document.all.tbl.children(0)定位到table的第一个子节点
document.all.tbl.children(0).children(0)定位到table的第一个子节点的第一个子节点,打印结果行1列1 行1列2

document.all.tbl.children(0).children(1).innerHTML,打印结果行2列1 行2列2

document.all.tbl.children(0).children(1).children(0).innerHTML 打印结果行2列2

行1列1 行1列2
行2列1 行2列2

document.all.tbl.firstChild定位到table的第一个子节点
document.all.tbl.firstChild.firstChild定位到table的第一个子节点
的第一个子节点
document.all.tbl.firstChild.firstChild.innerHTML打印结果是行1列1 行1列2

document.all.tbl.firstChild.lastChild定位到table的第一个子节点
的最后子节点
document.all.tbl.firstChild.lastChild.innerHTML打印结果是行2列1 行2列2

document.all.tbl.firstChild.lastChild.firstChild.innerHTML 打印结果是
行2列2

推荐阅读

console
JS的类型和值

1.类型ECMAScript语言中所有的值都有一个对应的语言类型。ECMAScript语言类型包括Undefined、Null、Boolean、String、Number和Obje ... [详细]

蜡笔小新 2024-12-12 22:45:35
html
深入理解MooseFS副本管理和回收机制

本文详细介绍了MooseFS中的副本管理（Goal）以及文件回收机制。副本管理允许用户设定文件的复制份数，确保数据的安全性和可用性；而文件回收机制则提供了在误删除文件后的恢复途径，通过设置合理的隔离时间，保护重要数据。 ... [详细]

蜡笔小新 2024-12-12 21:23:50
layout
解决Socket通信中服务器端口冲突问题

本文主要探讨了在实现Socket通信时，服务器端可能出现的端口冲突问题及其解决方案。通过具体示例和步骤指导，帮助读者理解和解决此类常见问题。 ... [详细]

蜡笔小新 2024-12-12 18:47:46
button
开发笔记:精通 CSS 第 10 章变换过渡与动画学习笔记

开发笔记:精通 CSS 第 10 章变换过渡与动画学习笔记 ... [详细]

蜡笔小新 2024-12-12 18:31:59
html
Eclipse 中 Maven 的基础配置指南

本文详细介绍了如何在 Eclipse 环境中配置 Maven，包括环境变量的设置、Maven 插件的安装与配置等关键步骤，旨在帮助开发者顺利搭建开发环境。 ... [详细]

蜡笔小新 2024-12-12 18:18:29
label
select下拉箭头改变，兼容ie8/9

各个浏览器下select默认的下拉箭头差别较大，通常会清除默认样式，重新设计<html><head><metacharsetutf-8> ... [详细]

蜡笔小新 2024-12-12 18:11:40
button
使用Bootstrap创建响应式渐变固定头部导航栏的方法

本文详细介绍了如何利用Bootstrap框架构建一个具有渐变效果的固定顶部响应式导航栏，包括HTML结构、CSS样式以及JavaScript交互的完整实现过程。适合前端开发者和学习者参考。 ... [详细]

蜡笔小新 2024-12-12 18:04:25
html
洛谷 P4168 [Violet]蒲公英解题报告

P4168[Violet]蒲公英题目背景亲爱的哥哥：你在那个城市里面过得好吗？我在家里面最近很开心呢。昨天晚上奶奶给我讲了那个叫「绝望」的大坏蛋的故事的 ... [详细]

蜡笔小新 2024-12-12 18:01:49
html
探索Linux下的SS5 Socket Server应用

本文探讨了在支付项目开发中使用SS5 Socket Server实现内部网络访问外部网络的技术方案。详细介绍了SS5的安装、配置及性能测试过程，旨在为面临相同需求的技术人员提供参考。 ... [详细]

蜡笔小新 2024-12-12 17:06:17
html
黑马旅游网退出功能详解

本文详细介绍了黑马旅游网的用户退出功能实现方法，包括前后端代码的具体操作步骤。通过访问Servlet销毁session，并重定向至登录页面。 ... [详细]

蜡笔小新 2024-12-12 16:55:31
html
Android项目版本管理与构建指南

本文详细介绍了如何从SVN中获取项目，并在本地环境中进行有效的构建和开发，包括具体的步骤和配置方法。 ... [详细]

蜡笔小新 2024-12-12 16:46:18
html
Java面向对象编程深入解析

本文详细探讨了Java中的关键字static、单例模式、main()方法、代码块、final关键字、抽象类与方法、模板方法设计模式、接口、内部类等内容，旨在帮助读者深入理解和掌握Java面向对象编程的核心概念。 ... [详细]

蜡笔小新 2024-12-12 16:41:55
html
解决Ant编译时出现的非法字符错误

在进行Java项目的Ant构建过程中，有时会遇到由平台差异引发的编译错误。本文将详细探讨一种常见的错误——'error: illegal character'及其解决方案。 ... [详细]

蜡笔小新 2024-12-12 16:39:46
html
配置Nginx以在线访问图片资源

本文介绍了如何在Ubuntu 16.04系统上配置Nginx服务器，以便能够通过网络访问存储在服务器上的图片资源。这解决了在网页开发中需要使用自定义在线图标的需求。 ... [详细]

蜡笔小新 2024-12-12 16:35:25
html
Python3 第一周学习总结

本文总结了Python3第一周的学习内容，包括Python的主要特性、版本选择建议、开发环境配置技巧以及一些有趣的语言特性。 ... [详细]

蜡笔小新 2024-12-12 16:03:41