Javascript 如何使用onclick事件更改数据标记属性?
我希望Storepoint地图上的data tags属性在选择“为男人疗伤”div时为“为男人希望”,在选择“为女人疗伤”div时为“背叛&超越”。我试过看一些目标类似的帖子,但我对条件编程的了解还不够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
<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
为男人治病
妇女康复