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

如何通过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 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构，按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分