var el = document.getElementById('thingy'),
elChild = document.createElement('div');
elChild.innerHTML = 'Content';
// Prepend it
el.insertBefore(elChild, el.firstChild);
后(追加):
// Grab an element
var el = document.getElementById('thingy'),
// Make a new div
elChild = document.createElement('div');
// Give the new div some content
elChild.innerHTML = 'Content';
// Jug it into the parent element
el.appendChild(elChild);
获取第一个和最后一个li:
var lis = document.getElementById("id-of-ul").getElementsByTagName("li"),
first = lis[0],
last = lis[lis.length -1];
3条答案
按热度按时间qxsslcnc1#
From:http://clubmate.fi/append-and-prepend-elements-with-pure-javascript/
之前(prepend):
后(追加):
获取第一个和最后一个
li
:如果您
ul
没有id,您可以始终使用getElementsByTagName("ul")
并找出其索引,但我建议添加一个idw46czmvw2#
我想你正在寻找:
其中
position
可以是:'beforebegin'
。在元素本身之前。
'afterbegin'
。就在元素内部,在它的第一个子元素之前。
'beforeend'
。就在元素内部,在它的最后一个子元素之后。
'afterend'
。元素本身之后。
text
是HTML字符串。Doc @ MDN
pzfprimi3#
可以使用
insertBefore()
:文件:insertBefore()
没有insertAfter方法。它可以通过将insertBefore方法与nextSibling()组合来模拟: