<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点赞案例</title>
<style>
ul {
list-style-type: none;
}
li {
float: left;
margin-left: 10px;
}
img {
width: 200px;
height: 180px;
}
input {
margin-left: 30%;
}
</style>
</head>
<body>
<ul>
<li><img src="images/111.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/222.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/333.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
<li><img src="images/444.jpg" alt=""><br/><input type="button" value="赞(0)"></li>
</ul>
<script>
//获取所有的按钮
//根据标签名字获取元素
function my$(tagName) {
return document.getElementsByTagName(
JS 点赞功能的实现(闭包方式,含注释)
最新推荐文章于 2025-04-30 13:26:51 发布