Javascript 要在html中单击的Word转换
我有一个跨度;我想在span中更改文本中的单词,当我单击此单词为英语时 例如: var-from=['Hallo','Welt']; var to=['Hello','World]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。。。。你好,世界据我所知,你试图这样做:
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();