<button id="ldh">刘德华</button>
<button id="zxy">张学友</button> <br>
<img src="images/ldh.jpg" alt="" title="刘德华">
<script>
// 修改元素属性
var ldh = document.getElementById('ldh');
var zhy = document.getElementById('zxy');
var img = document.querySelector('img');
// 注册事件
zxy.onclick = function() {
img.src = 'images/zxy.jpg';
img.title = '张学友';
}
ldh.onclick = function() {
img.src = 'images/ldh.jpg';
img.title = '刘德华';
}
</script>
<button>按钮</button>
<input type="text" value="输入内容">
<script>
// 1 获取元素
var btn = document.querySelector('button');
var input = document.querySelector('input');
// 2 注册事件 处理程序
btn.onclick = function() {
input.value = 'haah';
// 点击按钮被禁用
// btn.disabled = true;
// this 指向的是事件函数的调用者 btn
this.disabled = true;
}
</script>
// 1 获取元素
var eye = document.getElementById('eye');
var pwd = document.getElementById('pwd');
// 切换显示隐藏
var flag = 0;
// 2 注册事件 绑定程序
eye.onclick = function() {
if (flag == 0) {
pwd.type = 'text';
eye.src = 'images/open.png';
flag = 1;
} else {
pwd.type = 'password';
eye.src = 'images/close.png';
flag = 0;
}
}