Javascript 如何使用onclick事件更改数据标记属性?

Javascript 如何使用onclick事件更改数据标记属性?,javascript,onclick,custom-data-attribute,Javascript,Onclick,Custom Data Attribute,我希望Storepoint地图上的data tags属性在选择“为男人疗伤”div时为“为男人希望”,在选择“为女人疗伤”div时为“背叛&超越”。我试过看一些目标类似的帖子,但我对条件编程的了解还不够 <div class="spouse-men-box eight columns alpha center"> <div class="groupboxes" onclick="openGroup(event, 'spouse-men-content')"> <h3

我希望Storepoint地图上的data tags属性在选择“为男人疗伤”div时为“为男人希望”,在选择“为女人疗伤”div时为“背叛&超越”。我试过看一些目标类似的帖子,但我对条件编程的了解还不够

<div class="spouse-men-box eight columns alpha center">
<div class="groupboxes" onclick="openGroup(event, 'spouse-men-content')">
<h3 class="mB25 white">Healing for Men</h3>
</div>
</div>
<div class="spouse-women-box eight columns omega center">
<div class="groupboxes" onclick="openGroup(event, 'spouse-women-content')">
<h3 class="mB25 white">Healing for Women</h3>
</div>
</div>
<div id="storepoint-container" data-tags="hope for men" data-map-id="158752ddce0df0"></div><script>(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="https://cdn.storepoint.co/api/v1/js/158752ddce0df0.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);}());</script>

<script>// <![CDATA[
function openGroup(evt, groupName) {
var i, groupcontent, groupboxes;

groupcontent = document.getElementsByClassName("groupcontent");
for (i = 0; i < groupcontent.length; i++) {
groupcontent[i].style.display = "none";
}

groupboxes = document.getElementsByClassName("groupboxes");
for (i = 0; i < groupboxes.length; i++) {
groupboxes[i].className = groupboxes[i].className.replace(" active", "");
}

document.getElementById(groupName).style.display = "block";
evt.currentTarget.className += " active";
}
// ]]></script>

为男人治病
妇女康复
(function(){var a=document.createElement(“脚本”);a.type=“text/javascript”;a.async=!0;a.src=”https://cdn.storepoint.co/api/v1/js/158752ddce0df0.js“var b=document.getElementsByTagName(“脚本”)[0];b.parentNode.insertBefore(a,b);}();
// 
您可以尝试:

document.getElementById('storepoint-container'))

.setAttribute('data-tags',groupName=='party men content'?'hope for men':'背叛与超越')

将新值写入数据属性:

document.getElementById('storepoint-container').dataset.tags='somenewvalue'

您必须在您的
openGroup
函数中执行此操作(我最终完成了此操作,注释了所有不起作用的内容):

函数openGroup(evt,groupName){
变量i、组内容、组框;
//不工作:
//groupcontent=document.getElementsByClassName(“groupcontent”);
//对于(i=0;i

为男人治病
妇女康复