cosa sta facendo innerHTML in javascript?

12

The innerHTML property è usato per ottenere o impostare il contenuto HTML di un elemento nodo.

 // get the element with the "someElement" id, and give it new content 
document.getElementById('someElement').innerHTML = "<p>new content</p>"; 

    // retrieve the content from an element 
var content = document.getElementById('someElement').innerHTML; 

alert(content);

fonte

2011-02-02 19:47:12 user113716

+0

E non è una proprietà di cui qualsiasi standard, ma supportato da tutti i principali browser. –

+0

@Felix: Sebbene faccia parte di [HTML5] (http://www.w3.org/TR/html5/apis-in-html-documents.html#innerhtml). – user113716

+0

Oh ok, non lo sapevo :) –

0

Rappresenta i contenuti testuali di una data tag HTML. Può anche contenere tag propri.

fonte

2011-02-02 19:48:08

2

È possibile raccogliere o impostare il contenuto di un tag selezionato.

Come idea Pseudo, il suo simile ad avere molte caselle all'interno di una stanza e implica l'idea 'tutto all'interno che box'

fonte

2011-02-02 19:54:39 Glycerine

4

La proprietà innerHTML fa parte del Document Object Model (DOM), che permette Javascript codice per manipolare un sito Web visualizzato. In particolare, consente di leggere e sostituire tutto all'interno di un determinato elemento DOM (tag HTML).

Tuttavia, le manipolazioni del DOM che utilizzano innerHTML sono più lente e più soggette a errori rispetto alle manipolazioni basate su singoli oggetti DOM.

fonte

2011-02-02 19:55:13

0

Ogni elemento HTML ha una proprietà innerHTML che definisce sia il codice HTML sia il testo che si verifica tra il tag di apertura e chiusura di quell'elemento. Modificando l'elemento innerHTML dopo l'interazione dell'utente, è possibile creare pagine molto più interattive.

Tuttavia, l'utilizzo di innerHTML richiede una certa preparazione se si desidera poterlo utilizzare in modo semplice e affidabile. Innanzitutto, devi fornire l'elemento che desideri modificare un ID. Con questo id in atto potrai utilizzare la funzione getElementById, che funziona su tutti i browser.

Dopo aver impostato questo è ora possibile manipolare il testo di un elemento. Per iniziare, proviamo a cambiare il testo all'interno di un tag grassetto. JavaScript Codice:

<script type="text/javascript"> 
function changeText(){ 
    document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; 
} 
</script> 
<p>Welcome to the site <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>

Questa risposta è da here

fonte

2014-03-13 08:28:41 user3414373

2

Ogni elemento HTML ha una proprietà innerHTML che definisce sia il codice HTML e il testo che si verifica tra l'apertura di quel elemento e tag di chiusura. Modificando l'innerHTML di un elemento dopo alcune interazioni con l'utente, puoi creare pagine molto più interattive.

Tuttavia, l'uso di innerHTML richiede una certa preparazione se si desidera poterlo utilizzare facilmente e in modo affidabile. Innanzitutto, devi fornire l'elemento che desideri modificare un ID. Con quell'ID in atto potrai utilizzare la funzione getElementById, che funziona su tutti i browser.

fonte

2015-07-18 10:19:05 asx

1

L'innerHTML recupera il contenuto in base all'ID/nome e li sostituisce.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title>Learn JavaScript</title> 
 
</head> 
 
<body> 
 
<button type = "button" 
 
onclick="document.getElementById('demo').innerHTML = Date()"> <!--fetches the content with id demo and changes the innerHTML content to Date()--> 
 
Click for date 
 
</button> 
 
<h3 id = 'demo'>Before Button is clicked this content will be Displayed the inner content of h3 tag with id demo and once you click the button this will be replaced by the Date() ,which prints the current date and time </h3> 
 

 
</body> 
 
</html>

Quando si fa clic sul pulsante, il contenuto in h3 sarà sostituito da innerHTML assignent cioè Date().

fonte

2016-08-22 10:57:57

0

innerHTML è una proprietà di ogni elemento. Ti dice cosa c'è tra i tag di inizio e di fine dell'elemento e ti consente anche di impostare il contenuto dell'elemento.

struttura descrive un aspetto di un oggetto. È qualcosa che un oggetto ha rispetto a qualcosa che un oggetto fa.

<p id="myParagraph"> 
This is my paragraph. 
</p>

È possibile selezionare il paragrafo e quindi modificare il valore della sua innerHTML con il seguente comando:

document.getElementById("myParagraph").innerHTML = "This is my paragraph";

fonte

2017-08-07 15:55:07 shar10ckq

cosa sta facendo innerHTML in javascript?

risposta

Problemi correlati