如何在没有jQuery的情况下访问HTMLElement中的数据对象

时间:2018-08-10 07:09:13

标签: javascript jquery typescript ecmascript-5

在我的Web应用程序中,我已将jQuery键盘绑定到文本框。我想在键盘上显式调用keyboard.close()函数,因为我一开始就将所有eventListener都移到了文本字段。

我可以使用jQuery调用此函数,如下所示。

$('#chat-form').data('keyboard').close();

但是由于某些内存问题,我不允许使用jQuery。无论如何,我可以在没有jQuery的情况下访问HTMLElement中的数据对象吗?

很遗憾,elem.dataset.keyboardelem.getAttribute('data-keyboard')不能正常工作。但是$(elem).data('keyboard')工作正常。

1 个答案:

答案 0 :(得分:3)

您可以按以下方式使用

var elem = document.getElementById('elId');
console.log(elem.dataset.<your-data-attribute-without-data-prefix>)