HTML内容无编辑权限,如何通过JS修改HTML里面指定的文字?
<p>今天下午开会</p>
<p>明天下午开会</p>
<p>后天下午开会</p>
<p>下周也还要开会</p>
这种无ID的情况下,如何通过JS把内容里面的文字“开会”改成“放假”?
HTML内容无编辑权限,如何通过JS修改HTML里面指定的文字?
<p>今天下午开会</p>
<p>明天下午开会</p>
<p>后天下午开会</p>
<p>下周也还要开会</p>
这种无ID的情况下,如何通过JS把内容里面的文字“开会”改成“放假”?
可以使用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
码字不易
觉得有帮助的话可以采纳一下