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

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

醉折花枝作酒筹

リリース： 2021-06-08 15:13:23

オリジナル

6095 人が閲覧しました

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 サイトの他の関連記事を参照してください。