Wie man einen Link ohne Rest in derselben Farbe ändern Farbe ändern

Als Web-Entwickler haben Sie die Möglichkeit, die Darstellung der jedes Element auf einer Webseite ändern. Ein Link sendet der Benutzer beispielsweise auf eine neue Seite, wenn der Benutzer darauf klickt. Beim Hinzufügen von Verknüpfungen zu einer Webseite anzeigen Browsern unter Verwendung einer einzigen Farbe. Sie können diese Farbe für alle Links, die mit Hilfe einer Stylesheet-Definition ändern. Wenn Sie einen Link auf einer Seite betonen möchten, können Sie seine Farbe ändern, ohne Ändern der Farbe des anderen Link-Elemente.

Anweisungen

1 Starten Sie Ihren HTML-Editor oder Notepad. Öffnen eines HTML-Dokuments, das Verknüpfungen enthält.

2 Suchen Sie einen Link, den Sie neu einfärben möchten. Der Code definiert, dass Link wird so aussehen:

< a Href = "Link" > http://www.whitehouse.gov "> Link-Text </a >

Der Wert für Href in diesem Beispiel ist "die http://www.whitehouse.gov." Klickt ein Benutzer auf den Link, lädt der Browser diese Site. Der tatsächliche Href-Wert auf Ihrer Web-Seite wird wahrscheinlich anders sein. "Link-Text" ist die Zeichenfolge für den Link im Browser angezeigt.

3 Fügen Sie folgenden Code zu Ihrer Link-Definition vor dem Wort "Href":

ID = "Special_link"

Verwenden den Link im vorherigen Schritt als Beispiel, würde es wie folgt aussehen nach dem Hinzufügen dieses Codes:

< a Id = "Special_link" Href = "Link" > http://www.whitehouse.gov "> Link-Text </a >

Indem Sie den Link "Id"-Eigenschaft hinzufügen, kann Ihren JavaScript-Code finden den Link und seine Farbe zu ändern, ohne die anderen Links. In diesem Beispiel ist die Id-Eigenschaft-Wert "Special_link."

4 Fügen Sie diesen Code unterhalb des vorherigen Codes:

< Eingabe-Id = "Button1" Type = "Button" Value = "Knopf" Onclick = "return ChangeColor()" / >

Dies erstellt eine Schaltfläche, die Sie zum Testen verwenden können. Wenn angeklickt, wird der Browser die JavaScript-Funktion namens "ChangeColor." ausgeführt. Diese Funktion ändert den Link Farbe.

5 Fügen Sie dieser JavaScript-Code zum Abschnitt "Kopf" des Dokuments:

< Skriptsprache = "Javascript" Type = "Text/Javascript" >

Var NewColor = "gelb";

Funktion ChangeColor() {}

Var-Verbindungsobjekt = document.getElementById("special_link");

linkObject.style.color = NewColor;

}

< / script >

Ändern Sie den Wert der NewColor auf alles, was Sie mögen. In diesem Beispiel ist die Farbe gelb.

6 Speichern Sie das HTML-Dokument, und öffnen Sie sie in Ihrem Browser. Alle Links werden die gleiche Farbe haben. Klicken Sie auf "Farbe ändern". Die Farbe des Links mit der Id "Special_link" ist wechselt die Farbe, die Sie in der JavaScript-Funktion festlegen.

Tipps & Warnungen

• Den Link Id-Wert in diesem Beispiel ist "Special_link." Ändern Sie diesen Wert auf alles, was für Sie von Bedeutung ist. Ändern Sie den Namen in die JavaScript-Funktion sowie, nach der Änderung dieses Namens in der Link-Definition.