Question

我有一个html页面，其中有一个名为“open”的链接。单击链接后，文本“打开”应更改为“关闭”。我该怎么做？

Answer 1

<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>

Answer 2

脚本

<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>

Answer 3

IE中不支持addEventListener。如果您不需要链接上的其他onclick事件，请使用：

elm.onclick = function (e) {
    this.innerHTML = "close";
};

Answer 4

如果elm是链接：

elm.addEventListener("click", function(){
  this.innerHTML = "close";
}, true);

Answer 5

说您有链接：

<a id="link" href="https://www.example.com">foo</a>

const link = document.getElementById("link") // HTMLAnchorElement
const text = link.text; // foo

要更改值：

link.text = 'bar'; // now link.text === 'bar'

使用JavaScript更改HTML中的链接文本

5 个答案: