ändern Sie den link-text in HTML mit JavaScript

Ich habe eine html-Seite, die einen link namens "öffnen". Sobald der link angeklickt wird, der text "open" sollte auf "schließen". Wie mache ich das?

InformationsquelleAutor i2ijeya | 2009-11-09

  1. 5

    Skript 

    <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>
    Satish, der obige code funktioniert nicht. Wats den code unten tun, <a href='close()'>close</a>.. Warum u sind mit "close()", was tut Sie?
    Erstens: inline-javascript ist eine schlechte Idee. zweitens: mit href zu tun, javascript ist sogar noch schlimmer. schlechte, schlechte Lösung.
    Ersten mal habe ich eine Idee, thats all. I dint tell zum hinzufügen von Skript-tag inline. Hier ist mein Skript.
    Jetzt u kann dieser versuchen, i2ijeya
    Danke satish, Das funktioniert gut. vielen Dank und vielen Dank für an alle für Ihre wertvollen Kommentare und Antworten...

    InformationsquelleAutor sathish

  2. 11
    <a href="" onClick="this.innerHTML = 'close'">Open</a>

    Sie auch nennen könnte, irgendeine Art von toggle-Funktion für das austauschen von text über mehrere Klicks.

    function toggle(lnk_obj){
    lnk_obj.innerHTML = (lnk_obj.innerHTML == 'close') ? 'open' : 'close' ;
}


<a href="" onClick="javascript:toggle(this);">Open</a>
    whers den href??
    es gibt keine Notwendigkeit, geben Sie javascript mit onclick-events. <a onclick="this.innerHTML ... ist ausreichend.
    Aber der hypher-link nicht angezeigt wird für den oben genannten code??
    das war nur ein einfaches Beispiel, ich dachte, Sie könnte HTML-Bearbeiten, um Ihre Bedürfnisse anzupassen. ich fügte href="" zum Beispiel

    InformationsquelleAutor jaywon

  3. 4

    addEventListener nicht unterstützt in IE. Wenn Sie nicht brauchen, andere onclick-events auf den link, benutzen Sie dies:

    elm.onclick = function (e) {
    this.innerHTML = "close";
};
    Wats " e " im obigen code?
    InnerHTML ist böse. Es ist besser, nodeValue.
    e ist der Standard-parameter, die event-handling-Funktionen in FF, Opera und WebKit-basierten Browsern, ein Event-Objekt. @silent: Es ist böse, aber es ist auch narrensicher. Mit nodeValue beinhaltet die Prüfung, ob ein firstChild vorhanden ist.
    Sie können, durch die Art und Weise rufen Sie die " e " - wie immer Sie wollen. Die meisten tutorials gehen mit 'Ereignis' hier.

    InformationsquelleAutor Boldewyn

  4. 0

    Wenn elm ist der link:

    elm.addEventListener("click", function(){
  this.innerHTML = "close";
}, true);
    Con Sie werden klar, mit der Antwort im detail.
    Funktioniert das cross-browser?
    Nein, das wird nicht funktionieren, cross-browser. attachEvent ist der IE-Methode der Befestigung Veranstaltungen, addEventListener funktioniert in allen anderen soweit ich weiß

    InformationsquelleAutor Marius

Schreibe einen Kommentar