附加到由ul构成的数组

时间:2014-08-25 23:31:27

标签: javascript html arrays

您好我试图将“s”附加到从未排序列表创建的数组的每个元素。这是我的代码,我不确定我做错了什么。

HTML:

<ul>
    <li class="fruit">Apple</li>
    <li class="fruit">Banana</li>
    <li class="fruit">Pineapple</li>
    <li class="fruit">Orange</li>
</ul>

Javascript将s附加到每个元素

var list = document.getElementByClassName('friut');
for(var i=0;i < list.length; i++) {
    var arrValue = list[i];
    list[i] = arrValue.innerHTML + 's';

}

2 个答案:

答案 0 :(得分:2)

首先,你拼错了getElementsByClassName和&#34;水果&#34;。如果您要做的就是创建一个与列表元素相等的字符串数组。价值+&#34; s&#34;,这是你的问题。

如果您尝试将实际内容添加到HTML中,则需要以下内容:

for(var i=0;i < list.length; i++) {
      list[i].innerHTML += 's';
}

答案 1 :(得分:1)

它是getElementsbyClassName,而不是getElementByClassName。你还拼写了水果&#39;作为&#39; friut&#39;

var list = document.getElementsByClassName('fruit');
for(var i=0;i < list.length; i++) {
    var arrValue = list[i];
    list[i] = arrValue.innerHTML + 's';
}