我有一个html页面,其中有一个名为"open"的链接.单击链接后,文本"打开"应更改为"关闭".我该怎么做呢？
jay*_*won 12
<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>
脚本
<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>
IE 不支持 addEventListener。如果您不需要链接上的其他 onclick 事件，请使用：
elm.onclick = function (e) {
this.innerHTML = "close";
};
| 归档时间： |
|
| 查看次数： |
52025 次 |
| 最近记录： |