如何在 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

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

how to get html data attribute in javascript?

javascript

html

custom-data-attribute