So verbergen Sie div, indem Sie in Javascript auf die Schaltfläche klicken

Methode: 1. Verwenden Sie die Anweisung „button object.onclick=function(){}“, um die Klickereignis-Verarbeitungsfunktion an die Schaltfläche zu binden. 2. Fügen Sie in der Verarbeitungsfunktion „div object.style.display=" hinzu; none"-Anweisung; 3. Durch Klicken auf die Schaltfläche wird die Verarbeitungsfunktion ausgelöst, und durch die Ausführung der darin enthaltenen Anweisungen wird das div ausgeblendet.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Javascript implementiert das Klicken auf die Schaltfläche, um das Div auszublenden.

Erhalten Sie das Klickereignis entsprechend der ID-Schaltfläche und fügen Sie die Ereignishandlerfunktion hinzu Wenn das Div angezeigt wird, klicken Sie auf die Schaltfläche, um es auszublenden. Es ist ausgeblendet und kann durch Klicken auf die Schaltfläche angezeigt werden.

<input type="button" value="隐藏" id="btn"/>
<!--<input type="button" value="显示" id="btn1"/>-->
<div id="dv"></div>
<script>
	function my(id){
		return document.getElementById(id);
	}
	my("btn").onclick=function(){
			my("dv").style.display="none";
	}
</script>

Rendering:

[Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene

]

Das obige ist der detaillierte Inhalt vonSo verbergen Sie div, indem Sie in Javascript auf die Schaltfläche klicken. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!