如何在javascript中获取html数据属性？

Question

如何在javascript中获取数据属性“name”和“description”？ （用户点击按钮，显示值）

<form action="http://serverhost/postdata" method="POST">
  <script src="myscript.js" class="blue-button" 
  data-name="aaa" 
  data-description="bbb"
  </script>
< /form>

Answer 1

像这样：

document.querySelector('script.blue-button').dataset

以下是参考资料：

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

Answer 2

首先，您应该关闭开始脚本标记（使语法高亮度工作并且更易于阅读）

<form action="http://serverhost/postdata" method="POST">
  <script src="myscript.js" class="blue-button" 
  data-name="aaa" 
  data-description="bbb">
  </script>
</form>

然后您需要做的就是

document.querySelector('script.blue-button').dataset