老师这个代码中没有输出语句,但是网页上为什么会显示东西

来源:3-1 DOM简介

qq_唱首绅士给党听_0

2018-06-26 12:48:20

<!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>


写回答

2回答

imooc_澈

2018-06-26

你好 ,页面上输出的内容是HTML标签的正常解析的内容,并非js效果输出:代码和浏览器输出对应如下,跟js是没有关系的哦

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

浏览器效果

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

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


0

qq_唱首绅士给党听_0

提问者

2018-06-26

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

0

0 学习 · 4928 问题

查看课程