点击使用HTML / Javascript存储元素?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击使用HTML / Javascript存储元素?相关的知识,希望对你有一定的参考价值。

所以我是html css和javascript的菜鸟,所以我这可能是一个非常明显的问题,很容易找到谷歌的答案。唉,我真的不知道在哪里/如何查找我想要的东西,所以任何有关如何完成特定任务的提示都将受到赞赏

基本上,我想知道如何让用户选择单击列表上的单词(或单词旁边的星形图标),以便单词/元素可以存储在“收藏夹”选项卡中。

再次抱歉,我真的很糟糕。

答案

所以基本上你想获得元素的文本并将其添加到数组中。像这样 :

HTML

<html>
  <head>

  </head>
  <body>
    <div id="scan">
      <span>1</span>
      <span>2</span>
      <span>3</span>
      <span>4</span>
    </div>
    <span id="needText">tralala</span>
  </body>
</html>

Javascript:

var array = [];
var textSolo = document.getElementById('needText');
var scan = document.getElementById('scan');

textSolo.onclick = function(){getClick(event)};
scan.onclick = function(){getClick(event)}

function getClick(text){
    array.push(text.target.textContent);
}

以上是关于点击使用HTML / Javascript存储元素?的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript HTML DOM 事件

javascript-事件

单击该元素时如何使用javascript获取HTML集合中元素的索引

三JavaScript之隐藏HTML元素

JavaScript HTML DOM 事件

javascript怎么操作iframe页面里面的dom元素?