<body>
<input id="btn1" type="button" value="按钮" />
<input type="button" value="按钮" onclick="btn_click()" />
<input type="text" onblur="alert('失去焦点')" />
<input type="" />
<!--<div id="div1"></div>
<div class="div2"></div>-->
<select onchange="alert('')">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<!--检测框内东西，输入一个检测一个-->
<input type="text" onkeyup="alert('鼠标抬起')" />
<!--鼠标移动上去弹出提示框-->
<img src="01.jpg" onmouseover="alert('鼠标移动上去')" />
<!--onmouseleave 鼠标离开-->
<div></div>
</body>
</html>
<script>
// 点击事件
var btn1 = document.getElementById("btn1");
btn1.onclick = function(){
alert("点击");
}
// 同
function btn_click(){
alert("点击");
}
// var div1 = document.getElementById("div1");
// div1.innerHTML = "我能干什么";
//
//
// var div2 = document.getElementsByClassName("div2")[0];
//
//// 改标签里面的内容可以在里面写代码
// div2.innerHTML = "随便";
//// 文本的不认
//// div2.innerText = "随便";
//// 必须用+=,不然会覆盖你的上一个.
//// div2.innerText*="xx";
// div2.style.width = "100px";
// div2.style.height = "200px";
//
// div2.style.backgroundColor = "red"
//// 隐藏对象
// div2.setAttribute("hidden","hidden");
//// 移除属性
// div2.removeAttribute("hidden");
//
//
//
//
//// var div3 = document.getElementsByName();
////// tag标签的意思 相当于标签选择器
//// var div4 = document.getElementsByTagName();
//
//// document.createElement("div");
//// div.innerHTML="123";
////1.造元素
// var div_new = document.createElement('这是新元素');
//// 2.该内容
// div_new.innerHTML="这是新元素";
// div_new.setAttribute("class","new-class");
//// 3.添加元素
// div.boby.appendChild(div_new);
</script>