如何解决无法使用Javascript中的getElementsByClassName方法访问<div>标记?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (184)

我正在尝试学习如何操作DOM中的元素。 所以我在<body>标签下面有这个HTML代码:

<div class="content">
  <h1>Welcome</h1>
  <p>This is a sample website</p>
</div>
<script src="test.js"></script>

这是它的JS代码:

var contento = document.getElementsByClassName("content");
contento.getElementsByTagName("h1")[0].innerHTML = "Bienvenida";

到目前为止我尝试过: 在我的HTML代码中,我尝试将div的class属性更改为id属性,然后在我的JS代码中将getElementsByClassName更改为getElementById。它就像一个魅力。但我想知道为什么如果我使用class属性它不起作用?

DIV标签不支持它吗? 那么为什么在这个例子中使用它:http//www.w3schools.com/html/html_classes.asp

提问于
用户回答回答于

问题是.getElementsByClassName返回节点列表而不是单个节点

尝试做document.getElementsByClassName("content")[0];(假设只有一个,那就是你想要的那个)

热门问答

使用微信小程序也可以做腾讯云的标准视频直播吗?使用微信小程序做腾讯云的视频直播和im即时通讯可行吗?

美女视频一起走向共同富裕
推荐
支持的 IM部分,集成云通信 https://cloud.tencent.com/document/product/269/36838 标准直播部分,使用live-pusher和live-player标签,然后用云直播即可 https://cloud.tencent.com/do...... 展开详请

为什么我通过控制台vnc看到的界面和用vnc viewer看的的界面不一样???

HappyLau谈云计算专注于公有云,私有云解决方案,在kubernetes,openstack,kvm,ceph,linux,shell有丰富的实战经验。
推荐

控制台页面使用的是novnc,novnc是一种基于web页面使用的vnc客户端,详情可参考https://github.com/novnc/noVNC介绍,常规的vnc viewer是图形的客户端,所使用的依赖库有所不同,因此显示也不一样。

iOS在release下不走sendProcessBlock进度回调?

karis

腾讯 · 客户端开发工程师 (已认证)

Karis
推荐

请问是哪个版本的sdk呢,调用代码方便贴一下吗,最好能提供一个能复现的demo哈

API获取域名列表一直AuthFailure,code:4100?

推荐
推荐使用SDK进行调用:https://github.com/QcloudApi/qcloudapi-sdk-python 如果要自己写,也请参考下签名文档中python的代码示例,或者SDK中的源码:https://github.com/QcloudApi/qcloudapi-...... 展开详请

请问有图片鉴黄和文字甄别功能吗?现文字违规监控那么严格,有什么好的检测吗?

推荐已采纳
有的。 腾讯云 CDN 结合腾讯优图的深度学习图像识别技术,推出“图片鉴黄”服务,针对 CDN 全网分发的图片进行智能扫描,有效规避您的业务涉黄风险,目前全网免费公测中。参考文档:https://cloud.tencent.com/document/product/228/117...... 展开详请

对象存储如何通过子账户密钥上传文件?

所属标签

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励