<分区>
如何在不使用 jquery 的情况下选择 HTML 元素并获取其数据属性？
例如，我有这个带有一些数据属性的 html 标签，
<html xmlns="http://www.w3.org/1999/xhtml" class="no-js" data-directory='{"base_url":"http://localhost/mywebsite/","core_package":"base/","local_package":"base/"}'>
这是jquery的方式，
var directories = $('html').data('directory');
javascript的原生方式呢？
另外，如何选择脚本标签并获取其属性数据？
例如，我有这个脚本标签，
> <script
> data-main="http://localhost/mywebsite/local/view/javascript/base/main"
> src="http://localhost/mywebsite/core/view/javascript/base/ext/require/require.js"></script>
一种 jquery 方式，
var base_url = $('script[src$="require.js"]').attr('src').split(/\b(?:core|local)\b/)[0];
但我需要一种 javascript native 方式。可能吗？