javascript中如何从字符串中获取数据属性

<div
    data-global-messages="{&quot;addCartSuccessMessage&quot;:&quot;successfully added&quot;,&quot;creditRepresentativeMessage&quot;:&quot;Please contact your Credit Representative&quot;,&quot;nonStockMessage&quot;:&quot;Non-stock item&quot;,&quot;addWishlistSuccessMessage&quot;:&quot;Wish List.&quot;,&quot;itemExistsCartMessage&quot;:&quot;Please review error(s) below.&nbsp;&quot;,&quot;itemExistsWishlistMessage&quot;:&quot;Please review error(s) below.&nbsp;&quot;,&quot;nonAvailableMessage&quot;:&quot;substitute.&quot;,&quot;creditDepartmentMessage&quot;:&quot;Please contact Sea.&nbsp;&quot;}">
  </div>

// Get the HTML element
const divElement = document.querySelector('div[data-global-messages]');

// Get the data-global-messages attribute as a string
const dataGlobalMessages = divElement.getAttribute('data-global-messages');

// Parse the string as JSON
const dataAttributes = JSON.parse(dataGlobalMessages);

// Access individual data attributes
const addCartSuccessMessage = dataAttributes.addCartSuccessMessage;
const creditRepresentativeMessage = dataAttributes.creditRepresentativeMessage;

// Now, you can use these variables as needed
console.log(addCartSuccessMessage);
console.log(creditRepresentativeMessage);

Javascript相关问答推荐

错误：(0，react__WEBPACK_IMPORTED_MODULE_1__.useSYS State)不是函数或其返回值不可迭代

在JS中转换mysql UTC时间字段？

如何在非独立组件中使用独立组件？

如何循环访问对象数组并以关键值形式获得结果？

在NextJS中使用计时器循环逐个打开手风琴项目？

如何在JavaScript中在文本内容中添加新行

react 路由加载程序行为

如何访问Json返回的ASP.NET Core 6中的导航图像属性

如何解决chrome—extension代码中的错误，它会实时覆盖google—meet的面部图像？'

如何使覆盖div与可水平滚动的父div相关？

在Vite React库中添加子模块路径

覆盖TypeScrip中的Lit-Element子类的属性类型

使用js构造一个html<；ath&>元素并不能使其正确呈现

确保函数签名中的类型安全：匹配值

为什么这个.add.group({})在教程中运行得很好，但在我的游戏中就不行了？

有效路径同时显示有效路径组件和不存在的路径组件

当代码另有说明时，随机放置的圆圈有时会从画布上消失

令牌JWT未过期

用于部分字符串的JavaScript数组搜索

用于测试其方法和构造函数的导出/导入类