包含如何通过js脚本修改网页中的内容的词条

小蓝 • 2024-12-31 11:50 • 编程

本文目录一览：

简单的处理方法：

window.onload = function () {

// title

var t = document.getElementsByTagName(‘title’);

if (!!t) {

t = t[0];

t.innerHTML = t.innerHTML.replace(/好/g, ‘不好’);

}

// content

document.body.innerHTML = document.body.innerHTML.replace(/下雨/g, ‘下雪’);

document.body.innerHTML = document.body.innerHTML.replace(/专业/g, ‘职业’);

document.body.innerHTML = document.body.innerHTML.replace(/输入/g, ‘输出’);

}

把这段保存到一个js文件，然后在你要替换的页面包含就可以了。要注意的是编码的问题，为了让不同编码的网页都能处理，这段js中的中文可以尝试使用 Unicode 编码。

用js如何修改div的内容的具体操作步骤如下：

1、首先在电脑的桌面上点击打开“html”应用程序，接着在此“html”应用程序中点击进行打开要进行操作的html文件。

2、打开此应用程序之后，接着在此文件的页面内点击进行创建“button按钮”，接着手动给此按钮设置一个id，在此将按钮的id设置为“show”，接着再在其中进行输入“input type=”button” id=”show” value=”显示隐藏div” /”。

3、接着再在此应用程序中进行创建一个隐藏的div，然后再将需要进行修改的内容写到或者复制粘贴到此文件上，接着再为其设置id，在此设置为“hide”，然后再进行输入“div id=”hide”我是隐藏的div/div”。

4、然后接着在此页面内的title标签后面为id为hide设置其样式为“display:none”然后再输入“style#hide{display: none;padding-top: 15px;}/style”，然后就修改完成了。

基本的思路是这样子的：先通过getElementBy……获取到要修改的标签，比如div，然后设置标签里面的内容即可，比如div.innerHTML = “要修改的内容”

js可以通过文本所在标签的id获取该标签对象，然后修改其内容，如：

document.getElementById(‘标签id’).innerHTML

‘要修改的文本内容’;

该方法可以在要修改的文本内容中加html标签，如果只是纯文本的话，

可以使用innerText,

document.getElementById(‘标签id’).innerText=

‘要修改的文本内容’;

先打开一个网页，然后在地址栏中输入以下代码，然后回车就行了。

javascript:documenntentEditable= ‘true ‘;document.designMode= ‘on ‘;void(0);

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/303832.html