如何使用Javascript修剪Div类中的文本

有人能告诉我如何只使用javascript而不是jQuery来修剪下面这样的文本吗？这在移动设备上不起作用

我有一个函数可以计算一段时间内的不同日期，但我需要修剪divs class=“computed”输出的最后42个字符

下图在桌面上运行良好，但在移动设备上不显示div。我测试并删除了jQuery函数，结果它们出现了，但我需要对它们进行修剪

谢谢

(function ($) {
$('.calculated').text(function (_,txt) {
return txt.slice(0, -42);
});    
})(jQuery);

使用替换

div[class=computed]的内容


（函数（事件）{
var elem=document.getElementsByClassName（'computed'）[0]；
警报（elem.innerHTML.slice（0，-42））；
elem.innerHTML=elem.innerHTML.slice（0，-42）；
})();
内容长度超过42个字符。内容长度超过42个字符。内容长度超过42个字符。
函数trimThingies（）{
var targets=document.getElementsByClassName（'computed'）；
对于（变量i=0；i 42）{
tgt.innerHTML=tgt.innerHTML.slice（0，-42）；
}
}
}

我应该这样做。然后在加载时或适当的时候调用trimThingies（）

虽然不算优雅，但它应该能胜任这项工作

更新：
感谢您的回复。这是可行的，但只适用于第一个分类为“计算”的div。我需要它适用于所有分类为“计算”的div。有什么想法吗？有。我需要把它们全部删减42个字符。这是循环的工作吗？@billy_comic是的，我已经更新了答案以满足您的需要。知道为什么这可以在桌面浏览器上工作，但在移动设备上不显示任何内容吗？@billy_comic尝试删除包装到
文档中的主要逻辑。addEventListener（“DOMContentLoaded”，函数（事件）{}这是一个相当具有破坏性的函数，从某种意义上说，再次调用它将从已经瞄准的那些div中删除另外42个字符，所以我可能会考虑将数据裁剪和保持在DOM结构之外，但这超出了手头问题的范围。出于某种原因，在移动设备上没有修剪。在浏览器中效果很好，但是，在android中，div填充为空。该函数假设长度始终超过42个字符——如果不是这样，它们基本上会变成空的，因为其中的所有内容都会被修剪。我之前已经更新了答案以检查长度修剪。
function trimString(){
  return document.getElementsByClassName('calculated')[0].innerHTML.slice(0,-42);
}

function trimThingies() {
   var targets = document.getElementsByClassName('calculated');
   for (var i=0;i<targets.length;i++) {
      var tgt = targets[i];
      if (tgt.innerHTML.length > 42) {
        tgt.innerHTML = tgt.innerHTML.slice(0, -42);
      }
   }
}