为什么这个代码没有输出语句但是还会显示东西

来源:3-1 DOM简介

qq_唱首绅士给党听_0

2018-06-26 14:46:02

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Dom简介</title>

</head>

<body>

<!--

<div id="intro"></div>

<div id="main">

<p>The DOM is very useful.</p>

</div>

<div class="content"></div>


var x=document.getElementById("intro");

var x=document.getElementById("main");

var y=x.getElementsByTagName("p");

var content = document.getElementsByClassName("content");

-->

<div id="intro">helloworld</div>

<div id="main">

<p>The DOM is very useful.</p>

</div>


<div class="content">1</div>

<div class="content">2</div>

<div class="content">3</div>

<div class="content">4</div>


<script type="text/javascript">

// 通过js获取html标签

var intro = document.getElementById("intro");  // 通过id找html,唯一的

var main = document.getElementById("main");

var p = main.getElementsByTagName("p")[0];

var content1 = document.getElementsByClassName("content")[0];

</script>

</body>

</html>

还有就是就算有输出功能,但是这句输出的难道不应该是1吗?var content1 = document.getElementsByClassName("content")[0];

http://img.mukewang.com/climg/5b31e1250001cdcb02510284.jpg


写回答

1回答

imooc_澈

2018-06-26

你好,这是HTML页面的正常输出,对应以下HTML标签内容,JS确实没有输出任何东西。

http://img.mukewang.com/climg/5b31e8ba0001a6f902720297.jpg

另外,如果输出console.log(content1),那么输出的是第一个div标签,console.log(content1.innerHTML)输出的就是1.

如果解决了你的问题,请采纳,祝学习愉快~


0

0 学习 · 4928 问题

查看课程