官方题解 | #JS动态创建节点#

JS动态创建节点

http://www.nowcoder.com/practice/144422bbf3044e8c8429a88588857c8b

本题考点:querySelector()

根据题目要求,创建li标签元素并且添加到ul标签元素内,核心步骤有四:

  1. 获取ul标签元素
  2. 创建li标签元素
  3. 设置li标签元素内容
  4. 将li标签元素插入到ul标签元素内

在JavaScript中获取页面某个元素的方法有很多,根据题目内容选择document.querySelector()方法是最优的,它可以获取当前页面首个目标标签元素。接下来通过循环遍历数组,并且在每一个循环体中通过document.createElement()方法创建li标签,再通过innerHTML或innerText设置li标签内容,最后通过appendChild()方法将li添加在ul中。

参考答案:

function createLi(array) {
    var ul = document.querySelector('ul')
    for(let i=0 ; i<array.length ; i++) {
        let li = document.createElement('li')
        li.innerHTML = array[i]
        ul.appendChild(li)
    }
}
全部评论
从java过来的,为什么这样写不可以 <html> <body> </body></html>
点赞 回复 分享
发布于 2022-06-02 11:21

相关推荐

评论
19
1
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务