Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 要在html中单击的Word转换_Javascript_Html_Css - Fatal编程技术网

Javascript 要在html中单击的Word转换

Javascript 要在html中单击的Word转换,javascript,html,css,Javascript,Html,Css,我有一个跨度;我想在span中更改文本中的单词,当我单击此单词为英语时 例如: var-from=['Hallo','Welt']; var to=['Hello','World] 这一段的值是span。。。。你好,世界据我所知,你试图这样做: object.addEventListener("click", function() { document.getElementById("demo").innerHTML = "Paragraph changed!"; }); 问题到底是什

我有一个跨度;我想在span中更改文本中的单词,当我单击此单词为英语时

例如: var-from=['Hallo','Welt']; var to=['Hello','World]


这一段的值是span。。。。你好,世界

据我所知,你试图这样做:

object.addEventListener("click", function() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
});

问题到底是什么?你的问题到底是什么?这只是你告诉我们你的任务是什么是的,我知道。。。但我需要一个数组。Lorem ipsum dolor sit amet,是一位杰出的领导者。var-from=['Lorem','ipsum',…];var to=['Hello','I',…];您可以扫描'demo'的InnerHTML,定义'from'数组中的单词,并将它们的ID和侦听器设置为另一个'to'数组。joooo,您解决了问题吗?。没有工作???要点击的每个单词?
<span id='demo'>Hallo Welt Ich bin ein Programmer</span>

var demo = document.getElementById('demo');
var de = [];
de['Hallo'] = 'Hello'; 
de['Welt'] = 'World'; 

function translate(e) {
  var key = e.target.innerHTML;
  e.target.innerHTML = de[key];
}

function prepare() {
  var words = demo.innerHTML.split(" ");
  var content = '';
  words.forEach(function(element) {
      if (typeof de[element] !== 'undefined') {
        content += '<span class="de">' + element + '</span> ';
      } else {
        content += element + ' ';
      }

  });

  demo.innerHTML = content;

  var list = demo.getElementsByClassName("de");
  list = Array.prototype.slice.call(list);
  list.forEach(function(elem) {
    elem.onclick = translate;
  });

}

prepare();