美文网首页
字符长度范围转换成省略号

字符长度范围转换成省略号

作者: 酒暖花深Q | 来源:发表于2018-08-26 10:00 被阅读0次

    一 字符长度5个字转换成省略号 js写法

    <body onload="city_length()">
     <input type="text" readonly value="123456789" name="city-input" id="city-input"
                           class="city-input">
    </body>
    
    <script>
    function city_length()
    {
        var str = document.getElementById("city-input").value;
        var cd = str.length;
        if(cd > 3){
            document.getElementById("city-input").value = str.substring(0,5)+"...";
        }
    }
    </script>
    

    二 css 方式

    input  {
     overflow: hidden
      white-space: nowrap
      text-overflow: ellipsis
    }
    

    相关文章

      网友评论

          本文标题:字符长度范围转换成省略号

          本文链接:https://www.haomeiwen.com/subject/pooniftx.html