weixin_45863135
2019-11-10 22:33
采纳率: 100%
浏览 982
已采纳

为什么在js中使用document.getElementsByTagName没有效果

各位大佬,使用document.getElementsByTagName时候,在后面添加数组不是应该
指定选择标签元素吗。为什么会全选啊...
然后显示结果是这样的....
HelloWorld
The DOM is vert useful

The DOM is vert useful

The DOM is vert useful

The DOM is vert useful

The DOM is vert useful

1
2
3
4

不是应该只有一个吗.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM简介</title>
</head>
<body>

<div id="intro">HelloWorld</div>
<div id="main">
    <p>The DOM is vert useful</p>
    <p>The DOM is vert useful</p>
    <p>The DOM is vert useful</p>
    <p>The DOM is vert useful</p>
    <p>The DOM is vert 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">

    var intro = document.getElementById("intro");
    var main = document.getElementById("main");
    var p = main.getElementsByTagName("p")[0];
    var content = document.getElementsByClassName("content")[0];

    // console.log(intro);
    // console.log(main);
    // console.log(p);
    // console.log(content);
</script>
</body>
</html>
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 摄影陳 2019-11-12 10:08
    已采纳

    图片说明

    左边是网页显示的内容 右边是console的内容
    红框里是document.getElementsByTagName[0]的内容,只有一个
    你是把body当成了console?

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • tkzc_shark 2019-11-11 09:18

    document.getElementsByTagName只是获取元素,并没有对元素做任何操作

    评论
    解决 无用
    打赏 举报
  • carrykingdow 2019-11-11 10:03

    显示成这样是因为你在 html 写了这么多标签啊。
    有什么问题吗

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题