Div Text zu Bold im JavaScript ändern

September 29

Manchmal müssen Sie erheben Ihre Stimme, um Aufmerksamkeit zu bekommen. Webdesigner können eine Web-Seite "Volume" macht ein Teil des Texts kühner erhöhen. Die Cascading Style Sheet oder CSS, Font-Weight-Eigenschaft machen Ihren Text heller oder dunkler als normal. JavaScript hat Zugriff auf die Hypertext Markup Language Document Object Model oder DOM und kann das Gewicht des Textes ändern, ohne die ganze Seite neu zu laden. Sie können den Schriftschnitt des Texts innerhalb eines Div-Tags ändern, mithilfe von "getElementById()" zum Festlegen der Eigenschaft "Object.style.fontWeight", "Fett".

Anweisungen

1 Starten Sie den Text Editor Notepad, indem durch Klicken auf die Schaltfläche "Start", klicken auf "Alle Programme", "Zubehör" und dann auf "Notepad".

2 Geben Sie den folgenden Code in den Texteditor.

< html >

< Head >

< Skriptsprache = "Javascript" >

Funktion changeStyle() {}

Document.getElementById("mydiv").style.fontWeight = "Fett";

Document.getElementById("mybutton").innerHTML = "der Text ist nun Fett!";

}

< / script >

< / head >

< Körper >

< Div Id = "Mydiv" > der Text hier ist Normalgewicht < / Div >

< Schaltfläche Id = "Mybutton" Type = "button" onClick="javascript:changeStyle()" > den Text fett < / Taste >

< / body >

< / html >

3 Klicken Sie im Menü "Datei". Wählen Sie die Option "Speichern". Speichern Sie unter die Datei namens "test.html."

4 Starten Sie das Web-Browser, indem Sie auf die Schaltfläche "Start", klicken auf "Alle Programme" und "InternetExplorer". Klicken Sie auf den Menüpunkt "Datei" und wählen Sie "Datei öffnen."

5 Suchen Sie die Datei "test.html" gerade erstellt haben, wählen Sie ihn mit der Maus und klicken Sie dann auf "Öffnen".

6 Klicken Sie auf die Schaltfläche mit der Bezeichnung "den Text fett formatieren." Der Text sollte fett geworden und die Schaltfläche sollte jetzt lauten: "der Text ist nun Fett!"

Tipps & Warnungen

  • Das DOM InnerHTML-Eigenschaft können Sie Webseite Text zu ändern, ohne die gesamte Seite neu zu laden. Dieses Feature können Sie den Text in einem Div ändern, wenn der Benutzer Mauszeiger darüber bewegt. Sie können fügen den folgenden Code an die Funktion "changeStyle()" im Beispiel und den Div-Text ändern:
  • Document.getElementById("mydiv").innerHTML = "die Schriftbreite Text in diesem Div ist nun Fett!";
  • Ändern der Button-Code die folgenden Mouseover-Funktion verwenden:
  • < Schaltfläche Id = "Mybutton" Type = "button" onmouseover="javascript:changeStyle()" > den Text fett < / Taste >
  • Wenn Sie vernünftig verwendet, helfen Fett Schriftarten auf wichtige Inhalte auf Ihrer Seite aufmerksam. Zu viel Fett auf einer Seite, kann jedoch durch Ihre Betrachter gesehen werden, als schreien oder bedrängt. Beschränken Sie Ihre Verwendung von Fett. Separate Abschnitte von Fett durch Leerraum. Variieren die Schriftfarbe oder Schriftfamilie kann dazu beitragen, die Zuschauer-Blick auf die wichtigen Informationen sowie zeichnen

SIE KÖNNEN AUCH GERNE