javascript - 使用 JavaScript 的替换函数在图表中表示值

标签 javascript replace

是否可以使用 JavaScript 的替换功能将 HTML 文档中的任何值表示/转换/转换为(任何)图形。

例如,当我的 HTML 文档中有给定值“3 ghz”时,我希望将其替换为(例如)一个进度条,该进度条将值“3”放入进度条中,进度条,代表从 0 到 5 的数字,以便您可以直观地表示数字 3,从而给出给定值“3 ghz”的视觉反馈。

只是想知道是否可能,以及是否有类似的事情。

提前致谢, 亚历山大

最佳答案

是的,你可以做这样的事情。主要问题是区分命令和页面内容。首先,如果可以的话,使用更好区分的命令名称(例如“my_progress_bar(3)”而不是“3 ghz”。如果信息位于用户看不到的地方,而不是直接在内容中,那就更好了:<span class="my_progress_bar_3"></span> 。如果您出于某种原因必须使用这些内容,请尝试使用不会改变页面的内容对其进行标记: <span class="dont_change_formating command">3 ghz</span> 。如果这也不是一个选项,并且您确实必须在文本内容“一些单词 1”中找到“3 ghz” 2 3 ghz kql bsk”,那么您必须确保“3 ghz”不因进度条以外的任何其他原因包含在内容中,否则您必须以某种方式标记其他用法,或者接受那些也被替换的用法。

关于javascript - 使用 JavaScript 的替换函数在图表中表示值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13114530/

相关文章:

Javascript:文本替换数组中的多个字符串?

mysql - 如何使用replace来更新列项

string - 批处理文件 : How to replace "=" (equal signs) and a string variable?

javascript - 满足条件后双重 Action

javascript - 事件源 XHR header

javascript - 从嵌入的 IFRAME 内的嵌入 IFRAME 转到主浏览器窗口

javascript - Angular $resource : Unknown Provider error, 加载依赖和 Angular 元素

c# - 用空格和#字符替换#字符

javascript - 如何获取选择器使用 find() 函数获得的 radio 输入值

java - 替换最后一个正斜杠之后的所有内容