用JS或CSS如何修改网页的文本内容？

JavaScript014

用JS或CSS如何修改网页的文本内容？,第1张

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

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

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

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

1、过程如下，首先打开hbuilder软件，在空白文件里写入两个button设置简单的样式，并分别设置id属性为btn1和btn2，在下方加入script标签，获取button1的dom元素并给其button标签一个click事件，当点击button1的时候，文字就会改变：

2、按下crtl＋s保存一下，在浏览器中可以看到两个按钮：

2、在右侧的浏览器点击button1的按钮，button1的文字内容就改变了：

3、jquery需要先在下方将jquery引入文件，之后用jquery的“$”选择符获取button2的dom，并给它设置一个click事件，之后就可以改变button的内容了：

4、保存以后，同样在浏览器点击button2，也可以观察到文字内容改变了。以上就是用js和jquery改变button文字的过程：

思路：获取a对象，然后使用innerHTML属性设置标签内的文字，关键代码：

document.getElementById(id).innerHTML = something

实例演示如下:

1、HTML结构

<a href="#" id="test">超链接的原始文本</a><br>

修改超链接文本：<input type="text" id="name">

<input type="button" value="修改" onclick="fun()">

2、javascript代码

function fun(){

var name = document.getElementById("name").value

document.getElementById("test").innerHTML = name

}

3、效果演示