2016-09-20 1 views
-8
<!DOCTYPE html> 
<html> 
<body> 
<h1>Change an HTML element</h1> 
<p id="msg">Now you see me.</p> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Gone!'"> 
Click Me!</button> 
<button type="button" 
onclick="document.getElementById('msg').innerHTML = 'Back again!'"> 
Bring me back!</button> 
</body> 
</html> 

Kann jemand erklären, was das tut?Was macht dieses HTML und JS?

+4

Bei allem Respekt, das ist so googleable, dass Sie sich schämen sollte –

+1

Ihr Code: https://jsfiddle.net/L8Lushqx/ – Sabik

+0

yo thx ove nie diese Art von Website zu sehen! es ist super jetzt kann ich es tun :) – NubCoder

Antwort

-1

Wenn Sie auf die erste Schaltfläche klicken, wird ein onclick-Ereignisattribut ausgelöst. Sie haben dem Ereignis mitgeteilt, dass ein Element mit der ID 'msg' gefunden werden soll. Welches ist der <p> Tag oben.

Es findet es und ersetzt dann den innerHTML-Wert von "Jetzt siehst du mich" mit der Zeichenfolge "gegangen!". Mit dem zweiten Knopf passiert ziemlich genau dasselbe.

Sie können mehr über die Webadresse unten erfahren. http://www.w3schools.com/tags/ev_onclick.asp