如何在html的div上动态显示带忽略信息的字符串。

最新推荐文章于 2023-02-24 13:48:55 发布

tiger119

最新推荐文章于 2023-02-24 13:48:55 发布

阅读量2.6k

点赞数

分类专栏： JavaScript 文章标签： div html function input

本文链接：https://blog.csdn.net/tiger119/article/details/6340400

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

按客户要求，需要在仪表板中组件标题栏上动态显示字串，当字串宽超出标题栏时，显示 ... 。这个必须是动态的，我写了一下，效果如下：

代码如下：

<html> <head> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="content" style="background:red;width:150px;white-space:nowrap;font-family:宋体;font-size:12;overflow: hidden">just a test </div> <a href="#" mce_href="#" οnclick="javascrpt:content.innerHTML = calShowText(content,txtInput.value);">set text</a> <input type="text" id="txtInput" size=100/> </body> </html>