从Html数据属性值设置Javascript数组[已关闭]

kzipqqlq  于 2022-12-17  发布在  Java
关注(0)|答案(2)|浏览(104)

已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。

6小时前关门了。
Improve this question
我知道如何使用javascript数组,但是有没有办法从html数据属性值中获取和设置数组呢?
看看这个

<div data-array="Apple, Banana, Jam, Strawberry, Peanut"></div>

Js代码:

<script> const fruits = [There will be the values or data from data-array attribute]; </script>

我怎样用javascript或jquery来做呢?

rjee0c15

rjee0c151#

您需要以某种方式获取JS中的DOM元素,例如,通过给它一个ID。
然后您可以访问数据属性并将其拆分为数组。示例:

const foods = document.querySelector("#foods");
const fruits = foods.dataset.array.split(", ");

console.log(fruits);
<div id="foods" data-array="Apple, Banana, Jam, Strawberry, Peanut"></div>
cpjpxq1n

cpjpxq1n2#

如果你想得到所有data-array元素的值,你可以这样做,但是,如果你的目标是一个特定的元素,附加一个id/标识符,并通过该标签的目标。

<div data-array="Apple, Banana, Jam, Strawberry, Peanut"></div>

<script>
    var data = document.querySelector('*[data-array]')?.getAttribute('data-array')
    const elems = data?.split(',')
    console.log(elems)
</script>

data?.split其中的?仅在数据不是undefined时才允许执行拆分。

相关问题