HTML dom中的insertBefore和Jquery中的区别
来源:互联网 发布:钱程是个什么软件 编辑:程序博客网 时间:2024/06/11 19:37
<!DOCTYPE html><html><body><ul id="myList"><li>Coffee</li><li>Tea</li></ul><p id="demo">请点击按钮向列表插入一个项目。</p><button onclick="myFunction()">试一下</button><script>function myFunction(){var newItem=document.createElement("LI")var textnode=document.createTextNode("Water")newItem.appendChild(textnode)var list=document.getElementById("myList")list.insertBefore(newItem,list.childNodes[0]);}</script><p><b>注释:</b><br>首先请创建一个 LI 节点,<br>然后创建一个文本节点,<br>然后向这个 LI 节点追加文本节点。<br>最后在列表中的首个子节点之前插入此 LI 节点。</p></body></html>
document.getElementById("myList").insertBefore(newItem,existingItem);
jquery中的:
$("button").click(function(){ $("<span>Hello world!</span>").insertBefore("p");});
0 0
- HTML dom中的insertBefore和Jquery中的区别
- jQuery before和insertBefore区别
- jquery中的html和text的区别
- jquery中的html()及.text()和.val()的区别
- Jquery中的DOM操作 (七.设置和获取HTML,文本和值)
- HTML标签中的attribute和DOM对象
- jQuery中的DOM和CSS操作
- Html 中的DOM
- html中的dom事件
- HTML DOM 中的selectedIndex
- 区别jquery中的dom对象与jquery对象
- jQuery中的DOM操作
- jQuery中的DOM操作
- jQuery中的DOM操作
- JQuery中的DOM操作
- jQuery中的DOM操作
- jQuery 中的 DOM 操作
- JQuery中的DOM操作
- 二分查找的五种实现
- java 中的Exception RuntimeException 区别
- jquery实现图片轮播
- SQL中Case的使用方法
- 顺时针打印矩阵
- HTML dom中的insertBefore和Jquery中的区别
- Android 使用变形矩阵实现可以拖拽,缩放,旋转的图像
- java poi 导出到Excel
- UGUI制作动态的下拉列表
- ActionBar
- pthread_mutex_init等多线程函数的使用总结
- hdu 2066一个人的旅行 dijkstra
- 线性表
- 【openjudge 2.6基本算法之动态规划】(合集)