在前端开发中，我们经常需要修改页面上的按钮文本或链接文本。可以使用 JavaScript 动态更改网页上的元素内容，以实现这一目的。
1. 获取元素对象
要更改元素内容，首先需要获取该元素的对象。可以使用 document.getElementById() 方法获取指定 ID 的元素对象。例如，要获取 ID 为 btn 的按钮：
var btn = document.getElementById("btn");如果没有 ID，还可以使用其他选择器（如类名或标签名）来获取元素对象。例如，要获取类名为 link 的第一个链接：
var link = document.querySelector(".link");2. 修改元素内容
获取元素对象后，就可以使用其属性或方法来修改元素内容了。具体取决于元素类型和需要更改的内容。
2.1 修改按钮文本
要修改按钮文本，可以直接设置按钮的 textContent 或 innerHTML 属性。例如，将 ID 为 btn 的按钮文本更改为“点击我”：
var btn = document.getElementById("btn");
btn.textContent = "点击我";或者，将按钮文本更改为包含 HTML 标记的字符串：
btn.innerHTML = "点击 <b>我</b>";
2.2 修改链接文本
要修改链接文本，也可以直接设置链接的 textContent 或 innerHTML 属性。例如，将类名为 link 的第一个链接文本更改为“我的主页”：
var link = document.querySelector(".link");
link.textContent = "我的主页";或者，将链接文本更改为包含 HTML 标记的字符串：
link.innerHTML = "<b>我的</b> 主页";
3. 示例代码
下面是一个简单的示例，演示如何使用 JavaScript 更改按钮和链接文本：
-- -------------------- ---- -------
--------- -----
------
------
------------------------
-------
------
------- --------------------
-- -------- ---------------------
--------
-- ---------
--- --- - -------------------------------
--- ---- - --------------------------------
-- ---------
--------------- - ------
---------------- - -------
---------
-------
-------4. 总结
使用 JavaScript 可以轻松地更改网页上的元素内容，包括按钮和链接文本。通过获取元素对象并修改其属性或方法，可以实现这一目的。希望本文能够对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29930