面馆师傅 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日

悬赏问题

  • ¥30 电脑误删了手机的照片怎么恢复?
  • ¥15 (标签-python|关键词-char)
  • ¥15 python+selenium,在新增时弹出了一个输入框
  • ¥15 苹果验机结果的api接口哪里有??单次调用1毛钱及以下。
  • ¥20 学生成绩管理系统设计
  • ¥15 来一个cc穿盾脚本开发者
  • ¥15 CST2023安装报错
  • ¥15 使用diffusionbert生成文字 结果是PAD和UNK怎么办
  • ¥15 有人懂怎么做大模型的客服系统吗?卡住了卡住了
  • ¥20 firefly-rk3399上启动卡住了