Il Document Object Model (DOM) è uno standard progettato per supportare la portabilità di JavaScript e di programmazione Java, facendoli lavorare in modo coerente in tutti i browser. Fondamentalmente, il DOM descrive oggetti in un documento specifico e fornisce un metodo per loro manipolazione. Il DOM descrive due elementi del modulo per l'inserimento di testo: <input type = "text">, che è una casella di testo, e <textarea>, che crea una casella di testo su più righe. Utilizzando JavaScript, un programmatore web può cancellare il testo digitato in queste caselle.

istruzione

1 Inserisci il codice per creare un pulsante nella pagina Web utilizzando un editor di testo. Il codice del pulsante è:

<Input type = nome "pulsante" = valore "ClearValue" = "Cancella casella di testo">

Il "nome" e "valore" campi possono essere modificati se lo si desidera.

2 Controllare attribuisce la casella di testo per l'esistenza del "= id" tag. Se non ne ha uno, aggiungere il seguente alla casella di testo:

id = "myFieldName"

Sostituire "myFieldName" con la vostra scelta del nome.

3 Aggiungere il seguente codice al pulsante dopo l'istruzione del valore:

onclick = "document.getElementById ( 'myFieldName'). value = ''"

Sostituire "myFieldName" con il valore ID della casella di testo o area di testo da cancellare.

4 Apri la pagina web in un browser, inserire il testo nel campo di testo e fare clic sul pulsante per cancellare il testo. Il testo immesso dovrebbe scomparire.

Consigli e avvertenze

• Codice per cancellare una casella di testo può essere aggiunto a funzioni o altri tipi di eventi, come "onChange."
• JavaScript è un linguaggio maiuscole e minuscole. Pertanto, "FieldName" e "fieldName" sono diversi. Assicurarsi di utilizzare il caso corretto.