使用JavaScript更改HTML中的链接文本
使用JavaScript更改HTML中的链接文本
提问于 2009-11-09 17:55:21
我有一个html页面，其中有一个名为“打开”的链接。单击链接后，文本“打开”应更改为“关闭”。我该怎么做呢？
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-11-09 18:01:29
脚本
<html>
<head>
<script type="text/javascript">
function open_fun() {
document.getElementById('link').innerHTML = "<a href='javascript:clo_fun()'>CLOSE</a>";
}
function clo_fun() {
document.getElementById('link').innerHTML = "<a href='javascript:open_fun()'>OPEN</a>";
}
</script>
</head>
<body>
<div id='link'><a href='javascript:open_fun()'>OPEN</a></div>
</body>
</html>Stack Overflow用户
发布于 2009-11-09 18:02:07
<a href="" onClick="this.innerHTML = 'close'">Open</a>您还可以调用某种类型的切换函数，以便在多次单击时交换文本。
function toggle(lnk_obj){
lnk_obj.innerHTML = (lnk_obj.innerHTML == 'close') ? 'open' : 'close' ;
}
<a href="" onClick="javascript:toggle(this);">Open</a>Stack Overflow用户
发布于 2009-11-09 18:03:25
IE不支持addEventListener。如果链接上不需要其他onclick事件，请使用以下命令：
elm.onclick = function (e) {
this.innerHTML = "close";
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1700062
复制相关文章
相似问题
腾讯云开发者
