これをHTMLで使用するとどうなるでしょうか-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

これをHTMLで使用するとどうなるでしょうか

醉折花枝作酒筹

Jun 08, 2021 am 11:48 AM

html this

HTML では、this の使用法は「this.要素」または「特定のメソッド (this)」などです。このポインタは現在のタグを自動的に js 関数にバインドし、js 関数をバインドします。重複したコードの生成を減らすために、ユニークな ID を設定します。

これをHTMLで使用するとどうなるでしょうか

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

フロントエンドページで、イベントを現在のラベルにバインドする必要がある場合、一般的な考え方は一意の ID をバインドすることですが、コードの量が比較的多い場合、IDネーミングが非常に難しくなり、要素ごとにjsイベントを書かなければなりませんコードの重複により発生しますこのポインタの登場によりこの現象が解決されます以下のように現在のタグを自動的にjs関数にバインドしますこれは例です:

マウスを div ブロック上に置いたときの色の変化を確認してください:

<html>
	<head>
	</head>
	<body>
		<div style="width:300px;height:300px;background:#aaa;display:block;" onmouseover="show(this)" onmouseout="mOut(this)"></div>
		<script>
			function show(obj){
				obj.style.background="#faa";
			}
			function mOut(obj){
				obj.style.background="#aaa";
			}
		</script>
	</body>
</html>

ログイン後にコピー

推奨される学習: html ビデオチュートリアル

以上がこれをHTMLで使用するとどうなるでしょうかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。