添加DOM

  • append()把DOM添加到最后
  • prepend()则把DOM添加到最前。
  • after() 把DOM添加到指定位置

    • JavaScript
    • Python
    • Swift

如何向列表新增一个语言?首先要拿到<ul>节点: 然后,调用append()传入HTML片段: var ul = $(‘#test-div>ul’); ul.append(‘<li>Haskell</li>’);

另外注意,如果要添加的DOM节点已经存在于HTML文档中,它会首先从文档移除,然后再添加, 也就是说,用append(),你可以移动一个DOM节点。

也就是说,同级节点可以用after()或者before()方法。 var js = $(‘#test-div>ul>li:first-child’); js.after(‘<li>Lua</li>’);

除了接受字符串,append()还可以传入原始的DOM对象,jQuery对象和函数对象:

// 创建DOM对象:
var ps = document.createElement('li');
ps.innerHTML = '<span>Pascal</span>';
// 添加DOM对象:
ul.append(ps);

// 添加jQuery对象:
ul.append($('#scheme'));

// 添加函数对象:
ul.append(function (index, html) {
    return '<li><span>Language - ' + index + '</span></li>';
});