js控制字数个数，超出后以省略号显示

作者: 干炸里脊不如你 | 来源:发表于2019-06-19 10:18 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
       div{ width: 100px;
             line-height: 24px;
             height: 48px;
            border:1px solid #ccc;
              margin: 0 auto;
             overflow: hidden;
              }
    </style>

</head>
<body>

    <div id="demo">
        你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁你猜我是谁

    </div>
    <script>
        var oBox=document.getElementById('demo');

        var demoHtml = oBox.innerHTML.slice(0,10)+'...';

        oBox.innerHTML = demoHtml;
    </script>
</body>
</html>