版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chenguanghan123/article/details/88774895
排他功能
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" value="你是谁" />
<input type="button" value="你是谁" />
<input type="button" value="你是谁" />
<input type="button" value="你是谁" />
<input type="button" value="你是谁" />
<script>
//注册按钮点击事件
var btnObjs = document.getElementsByTagName("input");
//遍历每个按钮的点击事件
for (var i = 0; i < btnObjs.length; i++) {
btnObjs[i].onclick = function () {
//将每一个按钮的value值都设置为“你是谁”
for (var j = 0; j < btnObjs.length; j++) {
btnObjs[j].value ="你是谁"
}
//将点击按钮的value值设为“不知道”
this.value="不知道"
}
}
</script>
</body>
</html>
按钮选择菜单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="JavaScript.js"></script>
</head>
<body>
<input type="button" value="点菜" id="btn"/>
<select>
<option value="1">油炸臭豆腐</option>
<option value="2">油炸榴莲</option>
<option value="3">清蒸狗康</option>
<option value="4" id="op1">爆炒狗兵</option>
<option value="5">红烧狗类</option>
</select>
<script>
my$("btn").onclick = function () {
my$("op1").selected = true;
};
</script>
</body>
</html>
修改标签和文字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input type="button" value="点击修改" id="btn" />
<a id="ak" href="https://home.firefoxchina.cn/">content</a>
<script>
document.getElementById("btn").onclick = function () {
var aObj = document.getElementById("ak")
aObj.href = "http://www.itcast.cn";
aObj.innerText="传智播客"
}
</script>
</body>
</html>