javascript 练习题目答案1

最新推荐文章于 2022-06-30 23:37:59 发布

转载最新推荐文章于 2022-06-30 23:37:59 发布 · 437 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qggg/p/8874615.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript操作DOM元素的示例，展示了如何通过遍历数组动态创建和更新HTML列表，涉及元素创建、条件判断及排序等核心技能。

以下是这个教程的答案

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001437110841551950380fdc17c4abdaebd38363dbe2348000

var langList = ['Pascal', 'Lua', 'Ruby'];
for(i=0;i<langList.length;i++)
{
    if($("div ul").html().indexOf(langList[i]) != -1)
    {
        console.log(langList[i]+" exist!");
        continue;
    }
    newnode = document.createElement('li');
    newnode.innerHTML = "<span>"+langList[i]+"<span>"
    $("div ul").append(newnode)
}

var lilist = $("div#test-div>ul>li>span");
s = lilist.map(function(x){return $(this).text();}).sort();
for(let i=0;i<lilist.length;i++)
{
    lilist[i].innerText = (s[i]);
}