本文通过两个JS编程题进行讲解，包括元素颜色动态切换和节点顺序翻转。第一题涉及Promise处理颜色变化，第二题探讨如何高效地翻转DOM节点顺序。同时，文中还分析了在处理节点时常见的错误及其解决方案。
笔试编程题，要先手写代码思路，然后用语言加代码实现
<style type="text/css">
#list {background:red;width:100px;height:100px;padding:0;}
li{list-style:none}
#list.red{background:red}/*<ul id="list" class="red"> 筛选同一个元素*/
#list.yellow{background:yellow}
#list.green{background-color:black}
</style>
</head>
<body>
<ul id="list" class="">
<li id="red"></li>
</ul>
<script type="text/javascript">
var oList=document.getElementById('list');
console.log('112')
oList.className="red";
function apromise(t){
return new Promise(function(resolve,reject){
console.log('113')
setTimeout(resolve,t)
})
}
function stat() {
function stat() {
apromise(3000).then(function () {
console.log('115')
oList.className = "yellow";
console.log('116')
return apromise(1000);
}).then(function () {
oList.className = "green";
return apromise(2000);
}).then(function () {
oList.className = "red";
stat();
})
最低0.47元/天 解锁文章
1604
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
