如何将属性的值作为值交换/传递给另一个属性？答案

【问题标题】：How to swap/pass a value of an attribute as a value to another attribute?如何将属性的值作为值交换/传递给另一个属性？
【发布时间】：2020-07-27 22:13:05
【问题描述】：

我有一个属性data-ms-member = "secret"

这个秘密值仅在加载页面时加载。所以，比如说，在页面加载之后，我的值将是data-ms-member = "98756849320764182"

我希望这个值等于另一个属性名称，比如data-item-memberid = "98756849320764182"

任何人都可以帮助我对此有所了解吗？

【问题讨论】：

标签： javascript custom-data-attribute

【解决方案1】：

您可以使用dataset 处理此事。这是一个有效的jsfiddle。

const el = document.querySelector('[data-item-memberid]')
const id = el.dataset.itemMemberid;
const newEl = document.querySelector('[data-ms-member]');
newEl.dataset.msMember = id;

【讨论】：

【解决方案2】：

这样的？

var msMember = document.querySelectorAll('[data-ms-member]')[0];
var memberId = document.querySelectorAll('[data-item-memberid]')[0];

msMember.setAttribute("data-ms-member", memberId.getAttribute("data-item-memberid"));

【讨论】：

使用querySelector(selector) 而不是querySelectorAll(selector)[0]。此外，没有解释的代码比解释所写内容和原因的代码更不可能获得支持。

【解决方案3】：

使用setAttribute方法设置属性及其值！

var member= document.getElementById('data-ms-member');//id of data-ms-member field

var memberId = document.getElementById('data-item-memberid');//id of data-item-memberid field

memberId.setAttribute("data-item-memberid", member.getAttribute("data-ms-member"));

【讨论】：

stackoverflow.com/help/formatting;此外，与解释所写内容和原因的代码相比，没有解释的代码不太可能获得支持。