Javascript 如何动态更改DIV html代码中的某些数据

我有html代码，它实际上是网页上的一个破坏者

<div data-h="255" class="mainblocks__text moretext text">
    <div class="moretext__block">
        <p>Some loooong text</p>
    </div>
</div>
<div class="moretext__more"></div>

一切正常，但如果我有宽屏幕（例如2080*1080）， 扰流板高度255px实际上太小了。 我想动态更改参数data-h。 差不多

 if ( $(window).width() > 2000 ) {  
            data-h = 455px;  
        }  

但我不知道怎么做。

---

谢谢你的建议。

你的想法应该行得通。关于如何更改data-h值的小调整：

if ( $(window).width() > 2000 ) {  
        $(".mainblocks__text").data('h', 455);  
} 

---

我给你编了一段。请让它成为一个可能是css的选项？对不起，我错把剪掉的剪掉了。

if ( $(window).width() > 2000 ) {  
        $(".mainblocks__text").data('h', 455);  
} 

if ( window.innerWidth > 2000 ) {
    $('.mainblocks__text').attr('data-h', '455');
}