题解 | #文字输出#

文字输出

http://www.nowcoder.com/practice/b403d1051e5d4568912e6d265e1e2cde

function output(str) {
//删除原有结点
let content = document.querySelector('.content')
let jsBlink = document.querySelector('#jsBlink')
let childs = content.childNodes
while(childs.length > 0){
if(childs[0] == jsBlink){
break;
}
content.removeChild(childs[0]);
}
var i = 0
var fun = setInterval(function(){
if (str.length === i) {
clearInterval(fun)
} else {
var c = str[i]
if (c == '\n') {
var br = document.createElement('br')
content.insertBefore(br,jsBlink)
} else {
var newSpan = document.createElement('span');
newSpan.className = 'word color' + Math.ceil(Math.random()*24)
if(c == '<'){
c = '&lt';
}else if(c == '>'){
c = '&gt';
}else if(c == ' '){
c = '&nbsp';
}
newSpan.innerHTML = c
content.insertBefore(newSpan,jsBlink)
}
i++
}
}, 200)

}

全部评论

相关推荐

zhiyog:哈哈哈,其实是津巴布韦币
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务