Kan iemand me vertellen wat innerHTML doet in javascript en me een voorbeeld geven hoe ik het kan gebruiken?
Antwoord 1, autoriteit 100%
De eigenschap innerHTMLwordt gebruikt om of stel de HTML inhoudvan een elementknooppunt in.
Voorbeeld:http://jsfiddle.net/mQMVc/
// 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 );
Antwoord 2, autoriteit 29%
De eigenschap innerHTMLmaakt deel uit van het Document Object Model (DOM) waarmee Javascript-code een weergegeven website kan manipuleren. In het bijzonder staat het toe om alles binnen een bepaald DOM-element (HTML-tag) te lezen en te vervangen.
DOM-manipulaties met behulp van innerHTMLzijn echter langzamer en foutgevoeliger dan manipulaties op basis van individuele DOM-objecten.
Antwoord 3, autoriteit 24%
innerHTMLis een eigenschap van elk element. Het vertelt je wat er tussen de begin- en eindtags van het element staat, en het laat je ook de inhoud van het element instellen.
eigenschapbeschrijft een aspect van een object. Het is iets dat een object heeft in tegenstelling tot iets dat een object heeft.
<p id="myParagraph">
This is my paragraph.
</p>
Je kunt de alinea selecteren en vervolgens de waarde van de innerHTML wijzigen met de volgende opdracht:
document.getElementById("myParagraph").innerHTML = "This is my paragraph";
Antwoord 4, autoriteit 21%
Om de innerHTML-eigenschap te begrijpen, moet je eerst de basis van het javascript-object en HTML DOM (Document-objectmodel) doornemen.Ik zal proberen uit te leggen:
- JavaScript-objecten bestaan uit eigenschappen en methoden.
- voor het weergeven van HTML-document maakt de webbrowser een DOM aan, in DOM wordt elk HTML-element behandeld als een JavaScript-object waaraan een set eigenschappen en methoden is gekoppeld.
Nu komt uw vraag:
HTML-code:
<p id= "myPara"> We love to Code.</p>
JavaScript-code:
alert(document.getElementById("myPara").innerHTML);
hier, document.getElementById(“myPara”) retourneert ons html-element als een javascript-object met een vooraf gedefinieerde eigenschap innerHTML.
innerHTML-eigenschap bevat de inhoud van de HTML-tag.
Ik hoop dat dit zal helpen.
U kunt de volgende HTML-code in uw browser uitvoeren om deze te begrijpen:
<html>
<body>
<p id= "myPara"> We love to Code.</p>
<script>
alert(document.getElementById("myPara").innerHTML);
</script>
</body>
</html>
Antwoord 5, autoriteit 12%
Elk HTML-element heeft een innerhtml-eigenschap die zowel de HTML-code als de tekst die optreedt tussen de opening- en sluittag van het element en de tekst. Door de INNERHTML van een element te wijzigen na enige gebruikersinteractie, kunt u veel meer interactieve pagina’s maken.
Het gebruik van Innerhtml vereist echter enige voorbereiding als u het gemakkelijk en betrouwbaar wilt gebruiken. Ten eerste moet u het element geven dat u wilt wijzigen van een ID. Met dat ID op zijn plaats kunt u de GetelementByID-functie gebruiken, die aan alle browsers werkt.
Antwoord 6, Autoriteit 9%
U kunt de inhoud van een geselecteerde tag verzamelen of instellen.
Als een pseudo-idee is het vergelijkbaar met veel dozen binnen een kamer en impliceren het idee ‘alles binnen dat box’
Antwoord 7, Autoriteit 9%
De Innerhtml haalt inhoud op, afhankelijk van de ID / naam en vervangt ze.
<!DOCTYPE html>
<html>
<head>
<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>Antwoord 8, Autoriteit 6%
Innerhtml Uitleg met Voorbeeld:
De innerHTML manipuleert de HTML-inhoud van een element (get of set). Als u in het onderstaande voorbeeld op de link Inhoud wijzigenklikt, wordt de waarde ervan bijgewerkt met de eigenschap innerHTMLvan de ankerlink Inhoud wijzigen
Voorbeeld:
<a id="example" onclick='testFunction()'>Change Content</a>
<script>
function testFunction(){
// change the content using innerHTML
document.getElementById("example").innerHTML = "This is dummy content";
// get the content using innerHTML
alert(document.getElementById("example").innerHTML)
}
</script>
Antwoord 9, autoriteit 3%
Elk HTML-element heeft een innerHTML-eigenschap die zowel de HTML-code als de tekst definieert die tussen de openings- en sluitingstag van dat element voorkomt. Door de innerHTMLvan een element na enige gebruikersinteractie te wijzigen, kunt u veel meer interactieve pagina’s maken.
Het gebruik van innerHTMLvereist echter enige voorbereiding als u het gemakkelijk en betrouwbaar wilt kunnen gebruiken. Eerst moet u het element dat u wilt wijzigen een id geven. Met die id kun je de functie getElementByIdgebruiken, die in alle browsers werkt.
Nadat je dat hebt ingesteld, kun je nu de tekst van een element manipuleren. Laten we om te beginnen proberen de tekst in een vetgedrukte tag te veranderen.
JavaScript-code:
<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'/>
Dit antwoord komt hier
Antwoord 10
Het vertegenwoordigt de tekstuele inhoud van een bepaalde HTML-tag. Kan ook eigen tags bevatten.
Antwoord 11
Het doet letterlijk wat het zegt – het geeft de innerlijke inhoud van het opgegeven HTML-element terug. De meest minimale op zichzelf staande demonstratie wordt hieronder getoond:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
alert(document.getElementById("myElement").innerHTML);
</script>
<div id="myElement">
Hello, world!
</div>
</body>
</html>
Als u de javascript-code in de tag uitvoert, verschijnt er een melding met de tekst
“Hallo wereld!”