编辑提供了更多的HTML代码和改写的问题说明
我有以下无法更改的代码开头
<div class="text-component mode-sub-section" tabindex="0" role="link">
<h4 class="text-heading" role="heading">Text here</h4>
<p class="text-body mode-sub-section display-collapsed">some long text
here</p>
<a class="see-more-text" aria-label="Show more About">Show less</a>
</div>
我知道
text-body mode-sub-section display-collapsed
导致页面上的文本被换行，用户需要单击“显示更多”以获取全文。
我想要的是页面显示（页面加载时！）未包装的全文。我想通过JS Greasemonkey脚本实现此目标。
我有这个Greasemonkey脚本。这就是全部代码（我可以更改此部分）
(function() {
'use strict';
setTimeout(function (){
let div_list = document.querySelectorAll(".display-collapsed");
for (let i = 0; i < div_list.length; i++) {
let ele = div_list[i];
ele.classList.remove("display-collapsed");
ele.classList.add("display-full");
}
}, 5000, );
})();
观察到的行为：在页面加载时，“此处有一些长文本”文本以摘要形式加载，用户需要单击“显示更多”以查看全文。控制台为“ post”变量记录以下内容：
post: NodeList [ p.text-body.mode-sub-section.display-full ]
[所需的行为：在页面加载时，以“ [[未删节”形式加载“此处有一些长文本”。