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

本文介绍了使用JavaScript更改HTML中的链接文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个名为open的链接。点击链接后，文本打开应该变为关闭。

I have an html page which has a link called "open". Once the link is clicked the text "open" should change to "close". How do I do this?

推荐答案

脚本

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

这篇关于使用JavaScript更改HTML中的链接文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！