Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.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 将同一类的单词放在一起的有序列表_Javascript_Html - Fatal编程技术网

Javascript 将同一类的单词放在一起的有序列表

Javascript 将同一类的单词放在一起的有序列表,javascript,html,Javascript,Html,在我的一个网页上,我有一篇阅读文本,其中词汇词以绿色突出显示()。我正在尝试编写一个脚本,将所有这些词汇表单词放入文本下的有序列表中。我编写的代码几乎完全符合我的要求,但它只显示每个列表项的第一个字母。以下是我目前掌握的情况: <ol id="vocabulary"> </ol> <script> //Get number of vocabulary terms var list = document.getElementsByClassName('high

在我的一个网页上,我有一篇阅读文本,其中词汇词以绿色突出显示
()
。我正在尝试编写一个脚本,将所有这些词汇表单词放入文本下的有序列表中。我编写的代码几乎完全符合我的要求,但它只显示每个列表项的第一个字母。以下是我目前掌握的情况:

<ol id="vocabulary">
</ol>

<script>
//Get number of vocabulary terms
var list = document.getElementsByClassName('highlighted').length;
var listed = "";

//Pull each word out
for (var i =0; i < list; i++) {
    var vocab = document.getElementsByClassName('highlighted')[i].innerHTML
    //Create a new list item for each word
    listed += "<li>" + vocab[i]+ "</li>";
}

document.getElementById("vocabulary").innerHTML = listed;

</script>

//获取词汇表术语的数量
var list=document.getElementsByClassName('突出显示').length;
var列为=”;
//把每个字都拔出来
对于(变量i=0;i”+vocab[i]+“”;
}
document.getElementById(“词汇”).innerHTML=已列出;

有什么办法吗?谢谢大家!

因为您在这里访问innerHTML的
i
元素
vocab[i]
。试着这样做


AAA

BBB

CCC

var list=document.getElementsByClassName('highlighted'); var列为=”; 对于(变量i=0;i”+列表[i]。innerHTML+“”; } document.getElementById(“词汇”).innerHTML=已列出;
请添加带有突出显示的类的内容。除此之外,vocab[i]inside for loop将始终从该字符串中提取ith char。将
vocab=docu…
更改为
vocab.push(docum…
和initialize
vocab=[]
噢,哇……我犯了一个愚蠢的错误。谢谢你,Suren!非常感谢。@Quin如果这对你有帮助,请接受它以帮助其他人轻松找到它