如何用 JavaScript 修改 HTML <a> 标签的值
要改变标签的值,可以使用JavaScript来实现。以下是一些示例代码:
- 通过id属性获取标签并修改其innerHTML属性值:
HTML代码:
<a id='myLink' href='#'>原始值</a>
JavaScript代码:
document.getElementById('myLink').innerHTML = '新的值';
- 通过querySelector选择器获取标签并修改其textContent属性值:
HTML代码:
<a class='myLink' href='#'>原始值</a>
JavaScript代码:
document.querySelector('.myLink').textContent = '新的值';
- 通过getElementsByTagName获取标签并修改其innerText属性值:
HTML代码:
<a href='#'>原始值</a>
JavaScript代码:
var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
links[i].innerText = '新的值';
}
原文地址: https://www.cveoy.top/t/topic/gvt8 著作权归作者所有。请勿转载和采集!