javascript Firefox与IE 替换节点的方法
oldNode.replaceNode(newNode) 方法在IE中可以实现节点的替换,但在fierfox就不行了;
后来好不容易才解决此问题:
代码如下:
function(oldNode,newNode)
{
oldNode.parentNode.appendChild(newNode)
oldNode.parentNode.removeChild(oldNode);
}
相关推荐
-
javascript将DOM节点添加到文档的方法实例分析
本文实例讲述了javascript将DOM节点添加到文档的方法.分享给大家供大家参考.具体如下: 这里对两种方法进行了比较:第一种:先创建所有节点,再添加到文档方式的运行时长:第二种:先向文档添加一个空容器,然后每创建一个节点,再添加到容器中方式的运行时长,从测试来看,第二种方法优于第一种! 运行效果如下图所示: 具体代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq
-
JavaScript动态添加style节点的方法
本文实例讲述了JavaScript动态添加style节点的方法.分享给大家供大家参考.具体如下: var css = 'h1 { background: red; }', head = document.getElementsByTagName('head')[0], style = document.createElement('style'); style.type = 'text/css'; if(style.styleSheet){ style.styleSheet.cssText =
-
JS动态增加删除UL节点LI及相关内容示例
复制代码 代码如下: <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li id=
-
Javascript删除指定元素节点的方法
在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,比如一个输入框后一个增加按钮,一个删除按钮,点击增加就增加 个输入框,点击删除就删除对应的输入框.在一些js框架,如Prototype中,可以用element.remove()来删除一个节点,核心JS中并 没有这样的方法,IE中有这样一个方法:removeNode(),尝试运行下面的代码 <div><input onclick="removeNode(this)" type="tex
-
Js为表单动态添加节点内容的方法
本文实例讲述了Js为表单动态添加节点内容的方法.分享给大家供大家参考.具体如下: 1. 代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm
-
JavaScript中对DOM节点的访问、创建、修改、删除
DOM DOM就是Document object Model的缩写.文档对象模型是把XML或HTML以树节点为表现形式的文档.用DOM方法和属性,你可以访问,修改,删除页面上任意一个元素,也是可以添加一个元素.DOM是独立于语言的API,可以被任意语言所实现,当然也包括了Javascript 看看下面的一个文本. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/
-
初学js 新节点的创建 删除 的步骤
特羡慕写出这些特效的高级程序员.我想学习,可总是不知道怎么去思考,不知道怎么去逻辑.有时候也很着急,这些都不怕,幸好还有人教我,指点我,这是我比较幸运的.但是我过不了自己这关了,自己最大的缺点就是 逃避,不会做的就放弃了,不会了就不会了,也不敢问了.改,这个大缺点一定得改.以下,是洋哥指点我的学习技巧,思路清晰,效率也有很大的提高..废话就不扯了,言归正传: 题目:btton 按钮 一个添加 一个删除 ,点击添加按钮就会添加一个节点,点击删除按钮就会删除最后一个节点,添加的新元素点击一下就会被删
-
JavaScript DOM节点添加示例
<!DOCTYPE html> <html> <body> <div id="div1"> <p id="p1">这是一个段落.</p> <p id="p2">这是另一个段落.</p> </div> <script> var para=document.createElement("h1"); var nod
-
javaScript(JS)替换节点实现思路介绍
复制代码 代码如下: <title></title> <script type="text/javascript"> function createNode() { var pNode = document.createElement('p'); var tNode = document.createTextNode('烟花三月下杨州'); pNode.appendChild(tNode); document.body.appendChild(pNo
-
javascript删除一个html元素节点的方法
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>我们
-
js实现点击添加一个input节点
代码过于简洁,就不多说废话了,直接奉上: 复制代码 代码如下: <script> function text(){ var obj=document.createElement("input"); obj.value="1"; document.body.appendChild(obj); } </script> <a hre
-
JS实现添加,替换,删除节点元素的方法
本文实例讲述了JS实现添加,替换,删除节点元素的方法.分享给大家供大家参考,具体如下: 一直以来,对于节点操作比较纠结,特别是插入到某某节点之后.居然没有这个方法,以前的我写的方法有问题,是把新节点插入到旧节点的里面去了,还是该用insertBefore方法可以实现 下面是方法: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose
随机推荐
- PHP+Mysql+jQuery实现发布微博程序 jQuery篇
- Bootstrap轮播图的使用和理解4
- swift MD5加密源码的实例详解
- javascript DOM对象的学习实例代码
- Android中手机录屏并转换GIF的两种方式
- Android实现搜索功能并本地保存搜索历史记录
- phpmyadmin 3.4 空密码登录的实现方法
- 用ASP+DLL实现WEB方式修改服务器时间
- 用VBS实现音乐播放的多个代码小结
- Nginx下WordPress链接(url伪静态)301永久重定向实现方法
- JQuery调用WebServices的方法和4个实例
- js对象数组按属性快速排序
- Jquery EasyUI Datagrid右键菜单实现方法
- 简单介绍JavaScript的变量和数据类型
- Python搭建APNS苹果推送通知推送服务的相关模块使用指南
- PHP使用feof()函数读文件的方法
- 详解Android的网络数据存储
- c++读取sqlserver示例分享
- python实现对指定字符串补足固定长度倍数截断输出的方法
- java删除指定目录下指定格式文件的方法