JS替换整个页面的文本

JavaScript09

JS替换整个页面的文本,第1张

思路:正则替换

举例:

<script type="text/javascript">

var s = "<span style='display:none'>This is test</span>"

s = s.replace(/<[^>].*?>/g,"")//这里全局替换非标签文本

alert(s)

</javascript>

js替换网页内容,方法如下:

1、加载网页内容的部分设置id如:<div id="content">内容部分</div>

2、js更改此处内容显示如下:

<script>document.getElementById('content').innerHTML="更改内容信息"</script>

完整代码如下:

<div id="content">内容部分</div>

<script>document.getElementById('content').innerHTML="更改内容信息"</script>

上述方法需要注意div和script的顺序

还可以使用js函数来更改

<script>

function genggai(){

document.getElementById('content').innerHTML="更改内容信息"

}

</script>

<div id="content">内容部分</div>

<input type="button" onClick="genggai()" value="点击更换">