饿了吗android面试题,一道饿了么前端面试题

• #0
• #1
• #2
• #3
• • #4

...

#99998#99999#100000

为

• 添加一个类 bar

删除第 10 个

在第 500 个

后面增加一个 , 其文字内容为

点击任意

弹窗显示其为当前列表中的第几项。

答案：

var list = document.getElementById('list')

void function () {

var html = ''

for (var i = 0; i <= 550; i++) {

if (i === 1) {

html += '

#1'

} else if (i === 4) {

html += '

• #4

'

} else {

html += '

#' + i + ''

}

}

list.innerHTML = html

}()

list.className += ' bar'

var li10 = document.querySelector('#list > li:nth-of-type(10)')

li10.parentNode.removeChild(li10)

li10.remove()

var li = document.createElement('LI')

var textNode = document.createTextNode('')

li.appendChild(textNode)

var li501 = document.querySelector('#list > li:nth-of-type(501)')

list.insertBefore(li, li501)

list.addEventListener('click', function (e) {

var target = e.target || e.srcElement

while (target.nodeName !== 'LI') {

target = target.parentNode

}

var children = target.parentNode.childNodes

var count = 0

for (var i = 0, len = children.length; i < len; i++) {

var node = children[i]

if (node.nodeName === 'LI') {

count++

}

if (node === target) {

alert('是当前第' + count + '项')

break

}

}

}, false)