Heim >Web-Frontend >js-Tutorial >So verbergen Sie div, indem Sie in Javascript auf die Schaltfläche klicken

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

青灯夜游
青灯夜游Original
2021-10-09 12:09:357527Durchsuche

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.

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

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:

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

[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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn