js如何替换网页内容?能做的奖励50

JavaScript027

js如何替换网页内容?能做的奖励50,第1张

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="点击更换">

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

document.getElementById('标签id').innerHTML = '要修改的文本内容'

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

document.getElementById('标签id').innerText= '要修改的文本内容'

可以用 改变,程序如下

<script type="text/javascript">

function change_css(n, css){ //n 为想改的第几个, 0开始, css 为改变后的CSS文件路径

var o

o =document.getElementsByTagName('link')[n]

// 或是 link 里面设置了 ID这个属性可以改成

// o = document.getElementById(id)

o.href = css

}

</script>

<input type="button" value="OnClick" onclick="change_css(0, 'new.css')" />