浪迹༣ 2021-11-26 09:27 采纳率: 88.2%
浏览 76
已结题

如何通过JS修改html里面指定文字?

HTML内容无编辑权限,如何通过JS修改HTML里面指定的文字?

<p>今天下午开会</p>
<p>明天下午开会</p>
<p>后天下午开会</p>
<p>下周也还要开会</p>

这种无ID的情况下,如何通过JS把内容里面的文字“开会”改成“放假”?

  • 写回答

5条回答 默认 最新

  • 遇见很酷 2021-11-26 09:53
    关注

    可以使用querySelector选择器,用法和CSS选择器是一样的
    给你个简单示例

    <body>
    <p>今天下午开会</p>
    <p>明天下午开会</p>
    </body>
    

    操作节点

    let ele = document.querySelector('p:nth-child(2)')
    ele.innerText = '明天下午放假'
    // 使用 repalce替换也行
    // 或者
    //let ele_list = document.querySelectorAll('p')
    // ele_list[1].innerText = '放假'
    

    在编辑框手撸的代码,可能会有语法错误,做法就是这样
    js选择元素节点不仅有getElementById,还有byclass,还有上面说的querySelector
    这里是 mdn 文档地址
    https://developer.mozilla.org/zh-CN/docs/Web/API/Element/querySelector
    码字不易
    觉得有帮助的话可以采纳一下

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

报告相同问题?

问题事件

  • 系统已结题 12月6日
  • 已采纳回答 11月28日
  • 创建了问题 11月26日

悬赏问题

  • ¥15 求京东批量付款能替代天诚
  • ¥15 slaris 系统断电后,重新开机后一直自动重启
  • ¥15 51寻迹小车定点寻迹
  • ¥15 谁能帮我看看这拒稿理由啥意思啊阿啊
  • ¥15 关于vue2中methods使用call修改this指向的问题
  • ¥15 idea自动补全键位冲突
  • ¥15 请教一下写代码,代码好难
  • ¥15 iis10中如何阻止别人网站重定向到我的网站
  • ¥15 滑块验证码移动速度不一致问题
  • ¥15 Utunbu中vscode下cern root工作台中写的程序root的头文件无法包含