面馆师傅 2022-03-19 10:00 采纳率: 73.7%
浏览 49
已结题

如何用选择器来显示html中的文字

这段代码中,如果js内换成div能正常显示文字:这是文字,怎么实现选择器来显示。



```html
<!DOCTYPE html>
<html>
</html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
    <div id="abc">文字</div>
</body>
<script>
    var dom = document.getElementsByTagName("abc")
    for(var i=0;i<dom.length; i++){
        var text = dom[i].innerHTML
        dom[i].innerHTML = '这是' + text
    }
</script>
</html>

```

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-03-19 10:04
    关注

    不能都用id
    id换成class

     
     
    ```html
    <!DOCTYPE html>
    <html>
    </html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
        <div class="abc">文字</div>
    </body>
    <script>
        var dom = document.querySelectorAll(".abc")
        for(var i=0;i<dom.length; i++){
            var text = dom[i].innerHTML
            dom[i].innerHTML = '这是' + text
        }
    </script>
    </html>
     
    
    

    不管是在js中还是在html还是在css样式中 id只对应单个 如果涉及到多个要使用class
    querySelector 是用来获取对应标签的 id是# class是. html标签是 直接div对应的标签名称 这个相对于获取元素还是比较简便的

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 3月27日
  • 已采纳回答 3月19日
  • 创建了问题 3月19日

悬赏问题

  • ¥66 定制开发肯德基自动化网站下单软件
  • ¥20 vscode虚拟环境依赖包未安装
  • ¥15 odoo17关于owl开发js代码问题
  • ¥15 光纤中多普勒频移公式的推导
  • ¥15 怎么制作一个人脸识别门禁系统
  • ¥20 大华dss监控平台网络关闭登不进去
  • ¥15 请使用蚁群算法解决下列问题,并给出我完整的代码
  • ¥20 关于php录入完成后,批量更新数据库
  • ¥15 请教往复密封润滑问题
  • ¥15 cocos creator发布ios包