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

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
码字不易
觉得有帮助的话可以采纳一下

朋友,没有id,可以根据节点名来获取呢;

获取后遍历,识别,修改。

这样难道不行?

img

const pList = document.getElementsByTagName('p');
for(let i = 0; i < pList.length; i++) {
const text = pList[i].innerHTML.replace('开会', '放假');
pList[i].innerText = text;
}

如有帮助请采纳谢谢

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

<script>
    let getTagNames = document.getElementsByTagName('p')
    for (let i = 0; i < getTagNames.length; i++) {
        let a = getTagNames[i].innerText.replace(/开会/g,'放假')
        getTagNames[i].innerText =  getTagNames[i].innerText.replace(/开会/g,'放假')
        
    }