Home > Article > Web Front-end > What is the usage of this in html
What is the usage of this in html
- 醉折花枝作酒筹Original
- 2021-06-08 11:48:456131browse
In HTML, the usage of this is "this. element" or "a certain method (this)", etc.; this pointer will automatically bind the current tag to the js function, thus binding the js function to the current tag. Set a unique ID to reduce the generation of duplicate codes.
The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.
In the front-end page, when we need to bind an event to the current label, the general idea is to bind a unique id to it, but when the amount of our code is relatively large, the id Naming will become very difficult, and a js event must be written for each element. This will occur due to code duplication. The emergence of this pointer solves this phenomenon. It will automatically bind the current tag to the js function, as shown below This is an example:
Realize the color change when the mouse is placed on the div block:
<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>Recommended learning: html video tutorial
The above is the detailed content of What is the usage of this in html. For more information, please follow other related articles on the PHP Chinese website!