tymyleaf使用th:utext通过标签对象不能获取到innertext,但是可以正常显示

<p class="m-text" th:text="${blog.content}" name="content">财富自由指的1</p>

 //控制内容的长度
    var text=document.getElementsByName("content")
    for (var i = 0; i <text.length ; i++) {

        if(text[i].innerText.length>50){
            text[i].innerText=text[i].innerText.substring(0,50)+'...'
        }
    }

这个内容的长度还是没有变

img

同样的我使用th:text

img

长度发生了改变,但是格式没有解析,怎么同时解决这两个问题

th:text只能以解析文本格式进行解析。
th:utext以html的方式进行解析。
直接在标签上用字符串的截取。
${#strings.abbreviate(str,50)} str截取0-50位,后面的全部用…这个点代替,注意,最小是3位

<p class="m-text" th:text="${#strings.abbreviate(blog.content,50)}" name="content">财富自由指的1</p>

没有innerText属性,改为innerHTML。