Ich habe ein Anker-Tag. Ich möchte es dynamisch verstecken/anzeigen. Ich kann es aus irgendeinem Grund nicht in ein Div/Span setzen. Wie kann ich es tun?verstecken/zeigen Sie einen Anker dynamisch
Antwort
Sobald Sie einen Verweis auf das DOM-Element für den Anker-Tag haben, dies zu tun:
// Hide
element.style.display = "none";
// Show again
element.style.display = "";
Es gibt mehrere Möglichkeiten, wie Sie diese Referenz bekommen würde. Zum Beispiel, wenn der Anker eine id
hat, können Sie getElementById
verwenden:
HTML:
<a href='whatever' id='foo'>Whatever</a>
JavaScript:
element = document.getElementById('foo');
Wenn der Anker keine ID haben und Sie don‘ Wenn Sie aus irgendeinem Grund eine hinzufügen möchten, können Sie andere Informationen dazu verwenden, um das richtige Element zu identifizieren. Dies geschieht am einfachsten mit einer Bibliothek wie jQuery, Prototype, YUI, Closure oder any of several others, die Ihnen die Möglichkeit gibt, CSS-Selektoren zu verwenden, um die fraglichen Anker zu finden. Ohne eine Bibliothek müssen Sie sich auf eine kleine Anzahl von gut unterstützten DOM-Funktionen verlassen oder mit Browservariationen umgehen, was Ihnen die Bibliotheken ersparen.
Hier ist ein Beispiel (live copy) von der Anker auf einer Seite durch alle Looping und eine Basis versteckt auf seiner href
:
HTML:
<a href='http://stackoverflow.com'>StackOverflow</a>
<a href='http://superuser.com'>SuperUser</a>
<a href='http://serverfault.com'>ServerFault</a>
JavaScript:
var links, index, link;
links = document.getElementsByTagName('a');
for (index = 0; index < links.length; ++index) {
link = links[index];
if (link.href.indexOf('superuser') >= 0) {
link.style.display = "none";
break;
}
}
Das wird dramatisch einfacher, wenn Sie eine Bibliothek verwenden. Zum Beispiel, hier ist eine jQuery-Version davon (live copy):
$('a[href*=superuser]').hide();
Hier ist die Prototyp-Version (live copy):
$$('a[href*=superuser]').invoke('hide');
- 1. FAB Anker Schwerkraft dynamisch setzen
- 2. Invoke jQuery EasyTooltips auf dynamisch erstellte Anker
- 3. FloatingActionButton Anker auf einen Blick
- 4. einen Klick auf einen Anker Link auslösen
- 5. So erstellen Sie einen Anker und Redirect zu diesem bestimmten Anker in Ruby on Rails
- 6. Wie leiten Sie auf einen Anker innerhalb einer bestimmten Aktion
- 7. Deaktivieren Sie einen Anker oder Hyperlink, wenn Bild nicht gefunden
- 8. JQuery: So extrahieren Sie einen Anker von href
- 9. So definieren Sie einen Anker in PagedList.Mvc "Htm.PagedListPager"
- 10. Zuverlässiger Sprung zum benannten Anker auf der dynamisch generierten Seite?
- 11. Ändern Sie dynamisch einen Stil in WPF
- 12. So erstellen Sie einen FloatBuffer dynamisch
- 13. Wie finde ich das Anker-Tag innerhalb des Anker-Tags?
- 14. So simulieren Anker Link Klicken Sie
- 15. wie jquery Anker href Wert
- 16. Finden Sie Leerzeichen in Anker-Links
- 17. Gehen Sie zum Anker Link nach window.location.reload
- 18. fügen Sie ein Anker-Tag mit Jquery
- 19. einfache HTML-Anker Frage
- 20. dynamisch konstruieren einen Ausdruck Baum
- 21. # Anker arbeiten
- 22. JQuery - Wie man ein Formular sendet und einen Anker ruft?
- 23. Facebook-ähnliche Anker scroll
- 24. Anker-Link einen bestimmten Wert in einem Dropdown auswählen
- 25. mod_rewrite mit Anker-Link
- 26. EditText Auswahl Anker
- 27. Dynamisch einen Ausdruck Baum bauen
- 28. Ist es möglich, Links zu Kaminari einen Anker/Parameter hinzuzufügen?
- 29. Wie zu einer URL weitergeleitet werden, die einen Anker (#) enthält?
- 30. Lazyload Bilder und Anker
Ich weiß nicht, was ein "Hahn" ist in diesem Zusammenhang. Bitte formulieren Sie die Frage um und zeigen Sie einen Code –
Sie sollten viel mehr Kontext und vielleicht etwas Beispielcode geben. Niemand weiß, wovon du sprichst. –
Ich denke, das ist ein schrecklicher Schreibfehler des "Anchor-Tags" (nicht dass du Tags anzeigen oder ausblenden kannst, außer im Quellcode, nur Elemente). – Quentin