美文网首页
appendChild,insertBefore

appendChild,insertBefore

作者: 乍暖还寒2002 | 来源:发表于2017-10-09 17:28 被阅读0次

var text = document.getElementById('text');

var btn = document.getElementById('btn');

var ul = document.getElementById('ul');

var oli = ul.getElementsByTagName('li');

btn.onclick = function(){

var li = document.createElement('li');//创建一个li

li.innerHTML = text.value;

// ul.appendChild(li);//之后插入

ul.insertBefore(li,oli[0]);

}

相关文章

  • appendChild,insertBefore

    var text = document.getElementById('text'); var btn = doc...

  • 10-jQuery方法之DOM操作

    insertBefore() insertAfter() appendTo() : 原生appendChild...

  • DOM节点

    操作节点appendChild(节点)insertBefore(节点,参照节点)replaceChild(参照节点...

  • 第十七天Web前端面试题

    1,怎样添加、移除、复制、创建、查找节点 添加:appendChild(),insertBefore() 。 移除...

  • 第十章DOM

    第十章节点DOM10.1.1Node类型appendChild()insertBefore()replaceChi...

  • DOM的事件、节点及其Event事件

    一、DOM节点 appendChild()向节点添加最后一个子节点 insertBefore()在已有的子节点前插...

  • DOM插入节点

    appendChild,把一个子节点添加到父节点的最后一个子节点 insertBefore(newElement,...

  • 封装insertAfter

    原生只有insertBefore这个方法通过insertBefore可以封装inserAfter方法

  • insertBefore()

    在已有元素前插入一个新元素 在调用这个方法前,需要知道以下三件事: 1.新元素:你想要插入的元素(newEleme...

  • WEEX H5 Render 解读(12)之vdom续2

    1.insertBefore 我们看一下Element的insertBefore方法。 Element.proto...

网友评论

      本文标题:appendChild,insertBefore

      本文链接:https://www.haomeiwen.com/subject/dlppyxtx.html