如何在n值处截断css类

Question

我需要一个CSS代码或JavaScript代码，它可以使用CSS类修剪文本。

<h4>
<p class="maocular">12 Chicken Franks Sausage</p>
</h4>

我想将css类的任何文本修剪为10个字符请告诉我如何使用CSS或JavaScript 实现这一点

Answer 1

使用Javascript首先获取文档中具有该特定类的所有元素。

然后遍历它们，获取它们的innerHTML并只获取前10个字符。

注意：这个片段假设innerHTML只有文本，其中没有额外的HTML标记。

const elements = document.querySelectorAll('.maocular');console.log(elements);
elements.forEach(element => {
element.innerHTML = element.innerHTML.substring(0,10);
});

<h4>
<p class="maocular">12 Chicken Franks Sausage</p>
</h4>