插入节点insertBefore()

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>

<ul id="test"><li>JavaScript</li><li>HTML</li></ul> 

<script type="text/javascript">

  var otest = document.getElementById("test");
  var newnode = document.createElement("li");
  newnode.innerHTML = "PHP";
  otest.insertBefore(newnode,otest.childNodes[1]);
</script> 

</body>
</html>

时间： 2024-11-10 15:29:48

插入节点insertBefore()的相关文章

js插入节点appendChild和insertBefore

首先从定义来理解这两个方法: appendChild() 方法:可向节点的子节点列表的末尾添加新的子节点.语法:appendChild(newchild) insertBefore() 方法:可在已有的子节点前插入一个新的子节点.语法 :insertBefore(newchild,refchild) 相同之处:插入子节点不同之处:实现原理方法不同. appendChild方法是在父级节点中的子节点的末尾添加新的节点(相对于父级节点来说). insertBefore 方法是在已有的节

插入前置节点insertBefore()

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

查找结点，创建节点，插入节点

1.查找节点介绍 2.创建节点 3.插入节点 4.程序(查找,并操作属性与文本节点) 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Insert title here</title> 6 <script type="text/javascript" src="jquery-3.2.1.m

DOM节点对象之创建和插入节点示例

示例:创建和插入节点. 1.新建节点:createElement("节点名") 2.新建文本节点:createTextNode("文本内容") 3.将文本节点添加到新建节点中:appendChild(文本节点名) 4.获取要插入节点的对象:getElementById("id名") 5.将新建节点插入到目标节点对象中:insertChild(要插入节点名,目标节点位置) <!doctype html><html><h

双向链表(1) - 基本介绍以及插入节点

双向链表(doubly linked list - DLL)的操作,与单链表很大程度上有相似之处.在开始本篇文章前,可以先回顾下单链表的类似操作. 参考单链表系列中的这两篇文章:"链表(1) - 介绍", "链表(3) - 插入节点". 一个双向链表包含一个额外的指针, 称之为前向指针(prev pointer),与单链表中的后向指针(next pointer)一起来标识一个节点. 下面是使用C++代码来表示一个DLL的例子: //双向链表中的节点元素 struct

JQuery DOM 插入节点

//append() //向每个匹配的元素内部追加内容: HTML代码: <p>我想说:</p> jQuery代码: $("p").append("<b>你好</b>"); 结果: <p>我想说:<b>你好</b></p> //appendTo() //将所有匹配的元素追加到指定的元素中.实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是将B追加到

jQuery学习-属性访问，插入节点

//属性访问$(function(){ //1.操作文本节点:通过jQuery 对象的text()方法 alert($("#bj").text()); $("#bj").text("123") //2.操作属性节点:通过jQuery对象的 attr()方法. //注:直接操作value属性值可以使用更便捷的val()方法. alert($(":text[name='username']").attr("value&q

JavaScript插入节点小结

JS原生API插入节点的方式大致有innerHTML.outerHTML.appendChild.insertBefore.insertAdjacentHTML.applyElement这6种. 这里总结一下各自的用法,并封装包含before.prepend.append.after.applyElement的一系列函数. 一.六种方式的用法 innerHTML:获取标签内部的HTML内容. outerHTML:获取包括目标标签在内,以及内部HTML的内容. appendChild:向目标标签末

Query节点操作，jQuery插入节点，jQuery删除节点，jQuery Dom操作

一．创建节点 var box = $('<div>节点</div>'); //创建一个节点,或者var box = "<div>节点</div>"; $('body').append(box); //将节点插入到<body>元素内部二．插入节点 jQuery 提供了好几种个方法来插入节点: 1.内部插入节点方法方法名描述 append(content) 向指定元素内部后面插入节点 content append(func