使用连字符访问和设置非标准属性的值

如何解决使用连字符访问和设置非标准属性的值

我正在尝试读取和写入名称中带有连字符的非标准属性的值。这些属性是由名为 gridstack 的库创建的，所以我不能只使用数据属性。

举个例子，我有一个包含以下内容的元素；

<div class="grid-stack-item ui-draggable ui-resizable" gs-x="0" gs-y="0" gs-w="1" gs-h="4" gs-id="4">...</div>;

我正在尝试读取/设置 gs-h 属性。

所以这些都不起作用；

// Element is just the dom object containing the above div.
var element = $('#dPanel' + id)[0].parentNode.parentNode; 

var h = element.getAttribute('gs-h'); // Doesnt work
var h = $(element).attr('gs-h');      // Doesnt work
$(element).attr('gs-h','1');         // Doesnt work

我可以通过解析 innerHtml 来提取值，但这并不能让我设置值。