Javascript/html5 5选择器
Javascript/html5 5选择器
提问于 2014-04-24 11:25:59
我正在尝试做HTML5基础教程，到目前为止，这是我的代码：
<!DOCTYPE html>
<head>
<script src="script.js"></script>
<title>HTML Fundamentals</title>
</head>
<body>
<div id="result" class="well"
<div id="log"> </div>
<hr />
<div class="item" id="div1">div 1</div>
<div class="item" id="div2">div 2</div>
<div class="item" id="div3">div 3</div>
<div class="item" id="div4">div 4</div>
<div class="item" id="div5">div 5</div>
<div class="item" id="div6">div 6</div>
<hr />
</div>function initiate() {
var divs = document.querySelectorAll('div');
var log = document.querySelector('#log');
log.innerText = 'There are' + divs.length + 'DIVs on this page';
}
addEventListener("load", initiate);但它并没有像我所希望的那样传达信息。想指出我错过了什么吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-04-24 11:29:32
HTML是无效的:您在<div id="result" class="well"上缺少了一个HTML。
一旦修复了这些问题，就会得到一个准确的结果：JSFiddle demo。(6个.item div元素、1个#log div元素和1个.well div元素=8个总计)。
Stack Overflow用户
发布于 2014-04-24 11:30:00
您缺少了标记字符的结尾。
<div id="result" class="well"应：
<div id="result" class="well">否则，它似乎运作良好。这里有一把小提琴：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23267562
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号