码迷,mamicode.com
首页 > 其他好文 > 详细

DOM选择器

时间:2017-09-23 17:24:24      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:ons   val   col   输入   操作   images   标签   logs   round   

dom选择器

 直接查找
        document.getElementById(‘i1‘)
        间接查找:
        文本内容操作:
        innerText 仅文本
        innerHTML 全内容
      value
        <input type="text" value="python"/> 获取单钱标签中的值
        select  获取选中的value
        <select id="xx"></select>
                      <options></opacity

文本操作:技术分享

onfocus   编辑框获取焦点
onblur    编辑款失去焦点

 

 <div style="width: 600px;margin: auto">
    <input id="i1" onfocus="Focus();" onblur="Blue();" type="text" value="请输入关键字"/>
  <input placeholder="请输入关键字" type="text" />

    </div>
<script type="text/javascript">
    function Focus() {
        var tag=document.getElementById(i1);
        var val=tag.value;
        if(val=="请输入关键字"){
            tag.value=""
        }

    }
    function Blue() {
        var tag=document.getElementById(i1);
        var val=tag.value;
        if(val==""){
            tag.value="请输入关键字"

    }}
</script>

 

DOM选择器

标签:ons   val   col   输入   操作   images   标签   logs   round   

原文地址:http://www.cnblogs.com/Mjonj/p/7581510.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!