<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--//onfocus表示在焦点上,onbluer表示失去焦点。-->
<!--<input type="text" id="search" value="请输入用户名:" onfocus="f1()" onblur="f2()">-->
<div class="div1">
<div class="v2">点击切换</div>
<div class="v2">点击切换</div>
<div class="v2">点击切换</div>
<div class="v2">点击切换</div>
<p class="p" onclick="f(this)">JS和HTML页面分离</p>
</div>
<script>
// function f(that) {
// // 这个打印的是上面的那个p标签.
// console.log(that);
// }
// var sle=document.getElementsByClassName("p")[0];
// sle.onclick=function () {
// alert("123");
// }
// function f1() {
// var sle=document.getElementById("search");
// sle.value="";
// }
// function f2() {
// var sle2=document.getElementById("search");
// sle2.value="请输入用户名:";
// }
</script>
</body>
</html>