Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come inserire elementi con DIV in Javascript

Javascript fornisce ai programmatori gli strumenti per modificare il quadro invisibile di una pagina Web noto come il Document Object Model ( DOM ) . Il DOM è l' interfaccia di programmazione di HyperText Markup Language ( HTML ) . Il metodo getElementById () di JavaScript può accedere alla pagina di divisione tag " div " per aggiungere o modificare le informazioni di stile HTML , come sfondi , font , bordi , larghezze e posizionamento . Inoltre , la proprietà innerHTML può cambiare il contenuto tra il
tag . Tag HTML devono essere etichettati con un ID prima il metodo getElementById ( ) può trovare e accedere a essi. Cose che ti serviranno
Plain- text editor di
Show More Istruzioni
1

Lanciare l' applicazione standard di editor di testo che è disponibile sul computer.

2

Inserisci il seguente codice nell'editor di testo :



< tipo style = "text /css ">

# interiore language = "javascript " >

funzione changeDiv ( ) {

document.getElementById ( " interno " ) style.width = " 500px " ; .

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

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


document.getElementById ( " interiore " . ) style.textAlign = "center" ; stile

document.getElementById ( " interno " ) ;

document.getElementById ( " interno " ) = style.backgroundColor " # FFB3B3 " . . . border = " 4px tratteggiata rossa " ; .

document.getElementById ( " interno " ) style.color = " nero " ; .

document.getElementById ( " interno " ) innerHTML = " JavaScript può inserire lo stile e gli elementi contenuti in un div " ;

document.getElementById ( " myButton " ) . value =" e funziona " ; !

}

< ;/script>

< /head>


qui è il div rosso < /div > ;


< /body>

< /html >

3 Fare clic sul menu File . Selezionare l'opzione "Salva" . Salva con il nome di file " test.html . "
4

Lanciare il browser web che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare " Apri file ".
5

Individuare il file " test.html " che hai appena creato , selezionarlo con il mouse, quindi fare clic su "Apri ".
Pagina 6

Fare clic sul pulsante " Fare clic su questo pulsante per inserire nuovi Info Into the Div. rossa sopra . "

 

Programmazione © www.354353.com