隐藏 div 内容中的一些文本

Question

如何从 div 中取出一段文字并删除我不需要的信息？

示例：我从 PLC 上的 Web 服务器获取有关时间的信息，这个服务器 returns 这个 #T15_05 其中有分钟和秒，是创建一个函数来切割和转换这个时间的方法对于这样的事情 15:05?

<!-- AWP_In_Variable Name='"webdata".Takt' -->

<div class="takt">
    <p>TAKT</p>
    <div class="Takt" id="takt">:="webdata".Takt:</div>
</div>

这  是我从 PLC 网络服务器获取信息的方式。

Answer 1

假设从服务器返回的时间在#id 'takt':

const targetNode = document.getElementById('takt');
const time = targetNode.innerText;
targetNode.innerText = time.replace('#T', '').replace('_', ':');

Answer 2

如果您只想更改 div 内容，您可以在 html 页面底部放置一个脚本，就在结束正文标记之前。

<body>

<!-- AWP_In_Variable Name='"webdata".Takt' -->

<div class="takt">
    <p>TAKT</p>
    <div class="Takt" id="takt">:="webdata".Takt:</div>
</div>

<script>
    var webData = document.getElementById('takt');
    var content = webData.innerText;

    webData.innerText = content.replace('#T', '').replace('_', ':');
</script>
</body>

走这条路会期望来自您的 PLC 的信息始终被格式化为#T{hour}_{minute}。如果您的格式可能不同，则需要采用不同的方法。此特定代码会将 #T15_05 转换为 15:05

隐藏 div 内容中的一些文本

Hide some text from a div content

html

javascript

webserver

plc