измените текст ссылки в HTML с помощью JavaScript

Эмпирическое правило:

, Если бы функция Вы тестируете, нуждается в сложном объекте в качестве параметра, и это была бы боль для простого инстанцирования этого объекта (если, например, это пытается установить соединение TCP), используйте насмешку.

6
задан Gabriel Hurley 9 November 2009 в 10:37
поделиться

4 ответа

Скрипт

<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>
8
ответ дан 8 December 2019 в 04:53
поделиться
<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>
12
ответ дан 8 December 2019 в 04:53
поделиться

addEventListener не поддерживается в IE. Если вам не нужны другие события onclick по ссылке, используйте это:

elm.onclick = function (e) {
    this.innerHTML = "close";
};
4
ответ дан 8 December 2019 в 04:53
поделиться

Если вяз ссылка:

elm.addEventListener("click", function(){
  this.innerHTML = "close";
}, true);
0
ответ дан 8 December 2019 в 04:53
поделиться
Другие вопросы по тегам:

Похожие вопросы: