查找
直接查找
var obj=document.getElementById('i1')
间接查找
innerText 仅文本
innerHTML 全部内容
value
input value获取当前标签中的值
select 获取选中的value值(selectedIndex )
textarea value获取当前标签中的值
搜索框的示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style=" 600px;margin: 0 auto"> <input id="i1" onfocus="Focus()" onblur="Blur()" type="text" value="请输入关键字"> <!--输入宽新的用法--> <input type="text" placeholder="请输入关键字"> </div> <script> function Focus() { var tag = document.getElementById('i1'); var val = tag.value; if(val=='请输入关键字'){ tag.value=""; } } function Blur() { var tag = document.getElementById('i1'); var val = tag.value; if(val.length==0){ tag.value="请输入关键字"; } } </script> </body> </html>