JavaScript gibt Programmierern die Werkzeuge, um den unsichtbaren Rahmen einer Web -Seite , wie das Document Object Model (DOM) bekannt zu modifizieren. Das DOM ist die Programmierschnittstelle von Hypertext Markup Language (HTML). Die JavaScript-Methode getElementById () kann auf die Seite zugreifen Teilung tag " div " hinzufügen oder ändern HTML Styling Informationen wie Hintergründe, Schriftarten, Rahmen , Breiten und Positionierung. Darüber hinaus kann die Eigenschaft innerHTML verändern den Inhalt zwischen dem Tags. HTML-Tags muss mit einer ID , bevor die getElementById ()-Methode bezeichnet werden können finden und auf sie zugreifen . Things You
Plain - Text-Editor
brauchen anzeigen Weitere Anweisungen
1

Starten Sie die Standard- Text-Editor -Anwendung, die auf Ihrem Computer verfügbar ist .

2

Geben Sie den folgenden Code in den Texteditor :

< style type = " text /css " >

# inner language = " javascript" >

Funktion changeDiv () {

document.getElementById (" inneren " ) Spülschwämme = " 500px "; .

document.getElementById ( " inneren " ) style.height = " 220px "; .

document.getElementById (" inneren " ) style.fontSize = " 62px "; .

document.getElementById (" inneren " . ) style.textAlign = "center" ;

document.getElementById (" inneren " ) style.backgroundColor = "# FFB3B3 "; .

document.getElementById (" inneren " ) Stil . . border = " 4px gestrichelte rote "; .

document.getElementById (" inneren " ) style.color = "black "; .

document.getElementById (" inneren " ) innerHTML = " JavaScript können Styling und Content-Elemente in einem Div einfügen ";

document.getElementById (" myButton " ) . value =" und es funktioniert "; !

}

< ;/script>

< /head>

;

Download < p> < /body>

< /html>
3

Klicken Sie auf das Menü Datei. Wählen Sie die Option "Speichern" . Speichern Sie unter dem Dateinamen " test.html . "
4

Starten Sie den Web-Browser , die auf Ihrem Computer ist. Klicken Sie auf das Menü "Datei" und wählen dort " Datei öffnen ".
5

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

Klicken Sie auf die Schaltfläche " Klicken Sie diese Schaltfläche, um New Info in den roten Div Oberhalb einfügen".