为什么是七个孩子？container中的childnodes个数为什么不是3而是7？

最新推荐文章于 2021-02-01 09:34:00 发布
最新推荐文章于 2021-02-01 09:34:00 发布 · 172 阅读 · 0
文章标签：

#JSP #XHTML #HTML

本文展示了一个使用Java编写的简单网页应用实例，该应用通过HTML和JavaScript实现了视频列表的展示功能，并提供了上移、下移及删除视频的操作选项。
<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
</head>

<script type="text/javascript">
function countDiv(){
var obj_div = document.getElementById('container');
var cn =obj_div.childNodes.length

</script>
<body>

<div id="container">
<div id="1">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" rowspan="2">
<div align="center">1</div>
</td>
<td width="30%" rowspan="2">
<div align="center"><span class="zhuanji_box"><a href="#"></a></span><img src="s/pic_106-106.gif" width="106" height="106" /></div>
</td>
<td width="25%"></td>
<td width="36%"> </td>
</tr>
<tr>
<td><span class="lh18">创 建 人：1<br />
播放次数：1次<br />
视 频 数：29<br />
播放时间：2009-10-22</span></td>
<td><img alt="Icon_digg" src="../My Documents/icon_digg.gif" width="13" height="8" title="上移" onclick="upmove('1');"/>
<img alt="Icon_bury" src="../My Documents/icon_bury.gif" width="13" height="8" title="下移" onclick="downmove('1');"/>
<img src="del.gif" width="7" height="7" title="删除" onclick="delVideo('1');"/></td>
</tr>
</table>
</div>





<div id="2">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" rowspan="2"><div align="center">2</div></td>
<td width="30%" rowspan="2"><div align="center"><span class="zhuanji_box"><a href="#"><img src="pic_80-60.gif" width="80" height="60" /></a></span></div></td>
<td width="25%"></td>
<td width="36%"> </td>
</tr>
<tr>
<td><span class="lh18">创 建 人：2<br />
播放次数：2次<br />
视 频 数：29<br />
播放时间：2009-10-22</span></td>
<td><img alt="Icon_digg" src="../My Documents/icon_digg.gif" width="13" height="8" title="上移" onclick="upmove('2');"/>
<img alt="Icon_bury" src="../My Documents/icon_bury.gif" width="13" height="8" title="下移" onclick="downmove('2');"/>
<img src="del.gif" width="7" height="7" title="删除" onclick="delVideo('2');"/></td>
</tr>
</table>
</div>







<div id="3">
<table width="80%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" rowspan="2"><div align="center">3</div></td>
<td width="30%" rowspan="2"><div align="center"><span class="zhuanji_box"><a href="#"></a></span><img src="pic_152-114.gif" width="152" height="114" /></div></td>
<td width="25%"></td>
<td width="36%"> </td>
</tr>
<tr>
<td><span class="lh18">创 建 人：3<br />
播放次数：3次<br />
视 频 数：29<br />
播放时间：2009-10-22</span></td>
<td><img alt="Icon_digg" src="../My Documents/icon_digg.gif" width="13" height="8" title="上移" onclick="upmove('3');" />
<img alt="Icon_bury" src="../My Documents/icon_bury.gif" width="13" height="8" title="下移" onclick="downmove('3');"/>
<img src="del.gif" width="7" height="7" title="删除" onclick="delVideo('3');"/></td>
</tr>
</table>
</div>

</div>
<input value="显示" type="button" onclick="countDiv()" title="显示"/></button>
</body>
</html>
前端面试汇总-JavaScript
分享前端工程化、动效魔法与性能之舞！
06-19 1467
JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。其中 Symbol 和 BigInt 是ES6 中新增的数据类型：Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式的整数，使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了 Number 能够表示的安全整数范围。
常见的前端面经试题整理。持续更新中....
wanghe1111_的博客
12-07 3944
2021常见的前端面经整理
flex Container添加child
zhaodog的专栏
06-04 1802
学习flex 有一周了，说一下心得吧想panel这些控件都是 Container这些类继承下来，想加入一个child的话要调用addChild函数，参数是DisplayObject类型，但是如果是如果真是DisplayOject类型的话，有运行错误，主要原因是Container已经override这个函数了，在里面判断这个类必须实现了IUIComponent接口，也就是说你添加的类必须是U
childnodes节点列表
qq_44917015的博客
12-24 218
<!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> <body> 12132 &lt
Flutter系列之Container宽度自适应
热门推荐
shving的专栏
08-02 4万+
Container是flutter开发中最常用的组件，它有以下特点： 1. 当Container没有child组件的时候，Container的宽高默认占满父控件，也就是全屏 2.当Container有child组件的时候，宽高以child组件的宽高同等大小，也就是wrap_content 当Container的child组件为Row或者Column的时候，要为主轴添加 MainAxisSize.min，否则Container在主轴上是铺满的。 ...
Flutter-Container组件
了凡
01-14 705
Container 参考： Container class Flutter — Container Cheat Sheet
childNodes详解
diukuijian4440的博客
10-25 1863
定义和用法 childNodes 属性返回节点的子节点集合，以 NodeList 对象。 提示：您可以使用 length 属性来确定子节点的数量，然后您就能够遍历所有的子节点并提取您需要的信息。 浏览器支持 所有主流浏览器都支持 childNodes 属性。 语法 element.childNodes 技术细节 返回值： NodeList 对象，...
查看某个容器下所有的元素
最新发布
08-07
而使用`container.childNodes`将返回7个节点：文本节点（换行和空格）、div、文本节点（换行和空格）、p、文本节点（换行和空格）、span、文本节点（换行和空格）以及注释节点。 因此，如果只需要元素节点，使用`...
前端面试题
qq_41887655的博客
08-08 2万+
前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
最全面、最详细web前端面试题及答案总结
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
childNodes和nodeValue详解
小夭的日常分享
04-26 2806
childNodes childNodes的w3school定义为 childNodes 属性返回节点的子节点集合，以 NodeList 对象。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/t..
Vue ref childNode 坑
weixin_30295091的博客
03-01 490
先看代码 // 判断是否有元素超出显示框 checkIfOverflow () { console.log('aaa', this.$refs) let refName = 'dataList' + this.selectType console.log('refName:', refName) ...
JS childNodes属性
kongjunchao159的博客
08-06 1097
JS childNodes属性返回节点的子节点集合，可以通过childNodes.length获取子节点数量，nodeName获取子节点名称 例子：     xxxx                             var c = document.body.childNodes;         var text = "";         for(va
js:childNodes与firstChild、lastChild
aokuijiang0440的博客
05-14 261
在JavaScript中，使用childNodes属性可以返回一个数组，这个数组包含给定元素节点的全体子节点，如代码所示: 平板视图打印？ 01 <body> 02 <ul id="action"> 03 <li title="第一段文字...
childNodes操作
猹君的博客
02-27 1610
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &
JS childNodes属性和想象中不一样，空白节点的处理
人在江湖
06-20 2529
关于childNodes属性 childNodes返回的是所有的孩子节点，但是当我实际尝试的时候发现，孩子节点的长度并不是我想要的那样，于是我便展开了探索 示例代码： html 部分 &amp;lt;ul id=&quot;imagegallery&quot;&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a id=&quot;picture1&quot; href=&quot;im
为什么childNodes.length总是大于节点个数？
cai555的专栏
11-02 440
如果你创建这样子一个html文档： java 代码 ...      《body...              〈div...                   〈ul...                       〈img...   ...   然后你使用document.body.childNodes.length看看，有几个节...
Flutter 布局（一）- Container详解
ren1027538427的博客
07-15 3861
Flutter 布局（一）- Container详解 Q吹个大气球Q关注 62018.06.03 18:36:26字数 2,301阅读 84,509 本文主要介绍Flutter中非常常见的Container，列举了一些实际例子介绍如何使用。 1. 简介 A convenience widget that combines common painting, positioning, and sizing widgets. Container在Flutter中太常见了。官方给出的简介，是
不同浏览器中childNodes的个数（节点间的空白符）
张晓颜的博客
11-01 803
一、语法规则 　　1.变量必须使用字母、下划线(_)或者美元符($)开始。 　　2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 　　3.不能使用JS关键词与保留字。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值