如何使用基于JavaScript的特定按钮将div信息替换为来自数组的信息?

时间:2019-04-21 17:28:42

标签: javascript html

所以这是我在这里被问到的第一个问题,我不知道我是在考虑这个问题还是在忽略某事....

我正在尝试创建一个脚本,该脚本将使用来自数组的信息来替换网站中弹出窗口中的信息,具体取决于使用JavaScript单击打开实际弹出窗口的目录中的哪个项目。 / p>

我想提一下,我不太精通编程。我可以处理和理解问题的逻辑部分。我知道我想要什么,但是我一直坚持尝试将其编码。

因此,我目前在目录中只有1个项目用于测试 现在我要做的就是更改p标签内的信息:

p id =“ item-description” target =“ 0”> Lorem ipsum dolor sit amet

现在...在我的JavaScript文件中,我存储了一个数组.... “让描述= [”描述1“,”描述2“,”描述3“]

我还存储了该商品的“目标”属性值: “让target = document.getElementById('item-description');      target = target.getAttribute(“ target”); “

(一旦我可以完成一个操作,我将更改功能以存储将要单击的任何项目的“目标”属性的值)

这就是我试图解决的方法.....一旦我存储了“目标”的值,我需要将其与数组中的每个位置值进行比较,直到它们都匹配为止(这是我目前所在的位置)卡住) 。找到匹配项后,该匹配值将被存储,并将确定要用于替换弹出窗口中的描述的数组中的哪些内容。

我现在面临的最大问题实际上是存储元素在数组中的位置值,以将其与单击的“目标”或我当前具有的样本“ 0”进行比较。 / p>

如何解决?还是我可以忽略的更好的方法来帮助我完成主要任务?

1 个答案:

答案 0 :(得分:0)

不确定我是否理解您的问题,但我认为您正在尝试执行以下操作:

const myArrayOfStuff = ["stuff1", "stuff2", "stuff3"];
const target = document.getElementById("item-description");
const targetAtt = target.getAttribute("target");
target.innerHTML = myArrayOfStuff[targetAtt]

如果目标设置为0,它将用“ stuff1”替换div中“ item-description”中的文本。