Dettagli delle proprietà e dei metodi comuni degli oggetti document in base a js

-----Includere

Ogni documento HTML caricato nel browser diventa un oggetto Document.

L'oggetto Document ci permette di accedere a tutti gli elementi dell'HTML pagina tramite lo script.

Proprietà

1　 document.anchors　 Restituisce un riferimento a tutti gli oggetti Anchor del documento. Ci sono anche document.links/document.forms/document.images ecc.

2　 document.URL　 Restituisce l'URL corrente del documento

3　 document.title　 Restituisce il titolo corrente del documento

4　 document.body　 Restituisce il nodo elemento body

Metodi

1　 document.close()　 Chiude lo stream di output aperto con document.open() e visualizza i dati selezionati.

<!DOCTYPE html>
<html>
<head>
<script>
function createDoc()
{
var w=window.open();
w.document.open();
w.document.write("<h1>Hello World!</h1>");
w.document.close();
}
</script>
</head>
</body>
<input type="button" value="Nuovo documento in una nuova finestra" onclick="createDoc()">
</body>
</html>

2　 document.createElement()　 Crea un nodo elemento.

<!DOCTYPE html>
<html lang="it">
<!DOCTYPE html>
<head>
</head>
</body>
  <p>hello world</p>
<script>
  var a = document.createElement('hr');
  document.body.appendChild(a)
</script>
</body>
</html>

3　 document.createAttribute()　 Crea un nodo attributo.

<!DOCTYPE html>
<html>
</body>
<p id="demo">Clicca sul pulsante per creare un elemento BUTTON.</p>
<button onclick="myFunction()">Prova questo</button>
<script>
function myFunction()
{
var btn=document.createElement("BUTTON");
document.body.appendChild(btn);
};
</script>
</body>
</html>

4　 document.createTextNode()　 Crea un nodo di testo.

<!DOCTYPE html>
<html lang="it">
<!DOCTYPE html>
<head>
</head>
</body>
  <p>hello world</p>
<script>
  var a = document.createTextNode('hahahah');
  document.body.appendChild(a)
</script>
</body>
</html>

5　 document. getElementsByClassName() restituisce una collezione di elementi con il nome della classe specificato, come una collezione di NodeList. Una NodeList è un formato di dati simile a un array, che fornisce solo l'attributo length, come i metodi push e pop degli array.

6　 document.getElementById() restituisce un riferimento al primo oggetto con l'id specificato.

7　 document.getElementsByName() restituisce una collezione di oggetti con il nome specificato.

8　 document.getElementsByTagName() restituisce una collezione di oggetti con il nome del tag specificato.collezione di oggetti.

9　 document.write() scrive espressioni HTML o codice JavaScript nel documento. Attenzione: quando il documento HTML è caricato, l'uso del metodo write coprerà il contenuto HTML originale.

<!DOCTYPE html>
<html lang="it">
<!DOCTYPE html>
<head>
</head>
</body>
  <p>hello world</p>
<script>
  document.write('hahahh')
</script>
</body>
</html>

Questo è tutto il contenuto dettagliato delle proprietà e dei metodi comuni dell'oggetto document nel DOM di base che ho portato per voi, spero che possiate sostenere e gridare lezioni tutorial~

Guida di base