Javascript childNodes用法

全栈程序员-站长 • 2022年10月23日下午4:46 • 未分类 • 阅读 1

Javascript childNodes用法//定义函数getInfo()，用于获取小节的详细信息functiongetInfo(){//使用getElementById()方法获取元素以及元素varlist=document.getElementById(“list”); //使用childNodes数组导航到相应的小节 varnode=list.childNodes; alert(node.

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46，售后保障稳定

<head>
<script type="text/javascript">
  //定义函数getInfo()，用于获取小节的详细信息
  function getInfo(){
    //使用getElementById()方法获取<ul>元素以及<div>元素
    var list = document.getElementById("list");
	//使用childNodes数组导航到相应的小节
	var node = list.childNodes;
	alert(node.length);
	//如果小节中有详细的内容则subNode表示小节中的列表
	var subNode = node[3].childNodes[1];
    alert(subNode.childNodes[3].innerHTML);
  }
</script>
</head>
<body οnlοad="getInfo()">
<ul id="list">
  <li>16.1	DOM概述</li>
  <li> 16.2	树与结点
	<ul>
      <li> 16.2.1	 HTML文档与DOM树</li>
      <li> 16.2.2	 节点 </li>
	</ul>
  </li>
</ul>
</body>

Jetbrains全家桶1年46，售后保障稳定打印

16.2.2	 节点

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/203550.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

什么是classpath[通俗易懂]

什么是classpath[通俗易懂]大纲一、classpath属性作用classpath属性作用在日常的开发中或者初学者中，都是直接使用工具进行Java的开发或学习，如eclipse，idea、myeclipse这类的开发工具，由

全栈程序员-站长
2022年7月3日
Mac使用Boot Camp安装win10(不用U盘)

Mac使用Boot Camp安装win10(不用U盘)原文在https://bbs.feng.com/forum.php?mod=viewthread&tid=10748184&page=1&mobile=no大概的步骤：1、从微软官网下载win10专业版本iso文件（文件有4.6G，官网白天下载很慢，晚上下载快点）；2、使用MacOS自带的BootCamp（新兵训练营？）安装win10，BootCamp安装时会从官网服务器下载支

全栈程序员-站长
2022年5月12日
对接第三方接口，其中图片是经过Base64加密的「建议收藏」

对接第三方接口，其中图片是经过Base64加密的「建议收藏」1.简介httppost请求第三方接口，返回图片的信息是经过Base64加密的，如下：<details><summary>点击时的区域标题：点击查看详细内容</summary><p>-测试测试测试</p><pre><code>title，value，callBack可以缺省</code></pre></details><?xmlversion

全栈程序员-站长
2022年6月18日
mysql管理工具navicat_mysql自带的管理工具

mysql管理工具navicat_mysql自带的管理工具摘自：http://www.chinaz.com/free/2009/0306/68691.shtmlMySQL是一个非常流行的小型关系型数据库管理系统，2008年1月16号被Sun公司收购。目前M

全栈程序员-站长
2022年8月2日
AVI视频文件编码格式不受支持0xc00d5212怎么解决？「建议收藏」

AVI视频文件编码格式不受支持0xc00d5212怎么解决？「建议收藏」AVI视频格式的优点是图像质量好，但最普遍的现象就是高版本Windows媒体播放器播放不了采用早期编码编辑的AVI格式视频，而低版本Windows媒体播放器又播放不了采用最新编码编辑的AVI格式视频。所以我们在进行一些AVI格式的视频播放时，常会出现由于视频编码问题而造成的视频不能播放或即使能够播放，但存在不能调节播放进度和播放时只有声音没有图像等一些莫名其妙的问题。今天来讲讲编码格式不受…

全栈程序员-站长
2022年9月30日
html下划线下移,css如何实现下划线滑动效果

html下划线下移,css如何实现下划线滑动效果本文主要讲述两种下划线动效效果，第一种悬停时X轴由内向外展开实现动画效果，第二种为左右自动展示，由左向右，或由右向左。实现的主要效果是利用伪类标签，以及hover,利用transfrommtrition实现动画效果。x轴由内向外展开利用贝塞尔曲线利用横线的动画实现，具体代码如下：ul{display:flex;padding:0;margin:0;list-style-type:non…

全栈程序员-站长
2022年5月28日

发表回复

关注全栈程序员社区公众号