javascript实现爱你在FF IE下都有效的添加一个项目

IE不是很乖,在IE里setAttribute只认一些静态属性,而像ONCLICK事件时无效的,要用attchEvent方法

无标题文档

var elementCount=0;
function mycreateElement(element,tag)
{
elementCount++;
var parentElement=element;
var count=elementCount;
var childElement=document.createElement(tag);
setProperty(childElement,"type","text");
setProperty(childElement,"id","input" + elementCount)
var delElement=document.createElement("input");
setProperty(delElement,"type","button");
setProperty(delElement,"value","删除");
setProperty(delElement,"id","delButton" + elementCount)
if(navigator.appName=="Microsoft Internet Explorer")
delElement.attachEvent("onclick",function(){del(count)})
else
setProperty(delElement,"onclick","del(" + elementCount + ")");
var wrap=document.createElement('div')
setProperty(wrap,"id","div" + elementCount)
wrap.appendChild(childElement);
wrap.appendChild(delElement);
parentElement.appendChild(wrap)
}
function setProperty(element,tag,property)
{
var element1=element;
element1.setAttribute(tag,property);
}
function del(elementCount1)
{
var parentNode=document.getElementById("mycontent");
var divNode=document.getElementById("div" +elementCount1);
parentNode.removeChild(divNode);
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • javascript实现爱你在FF IE下都有效的添加一个项目

    IE不是很乖,在IE里setAttribute只认一些静态属性,而像ONCLICK事件时无效的,要用attchEvent方法 无标题文档 var elementCount=0; function mycreateElement(element,tag) { elementCount++; var parentElement=element; var count=elementCount; var childElement=document.createElement(tag); setPrope

  • 用javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置

    用javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置

    用Javascript为DropDownList控件下拉式选择添加一个Item至定义索引位置. 准备数据,创建一个对象,将是存储DropDownList控件每个Item数据. 复制代码 代码如下: Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Catalog Private _ID As Integer Private _Name As String Public Property ID As Integer Get

  • JavaScript实现向select下拉框中添加和删除元素的方法

    JavaScript实现向select下拉框中添加和删除元素的方法

    本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法.分享给大家供大家参考,具体如下: 1.说明 a. 利用append()方法向下拉框中添加元素 b. 利用remove()方法移除下拉框中最后一个元素 2.实例源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

  • 原生JavaScript实现动态省市县三级联动下拉框菜单实例代码

    原生JavaScript实现动态省市县三级联动下拉框菜单实例代码

    像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时: 选择时: 代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三级联动测试</titl

  • JavaScript实现带箭头标识的多级下拉菜单效果

    JavaScript实现带箭头标识的多级下拉菜单效果

    本文实例讲述了JavaScript实现带箭头标识的多级下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个支持多级显示的JS菜单,鼠标移向带有小三角的菜单项,可下拉出二级子菜单项,在该主菜单的上方会显示标记,指引当前的位置,本菜单代码使用了一个JS类,可根据代码地址自行下载,这个菜单未在网上测试,用在自己的网站里可能要修改代码. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-focus-m-select-menu-nav-codes/

  • javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

    javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】

    本文实例讲述了javascript数据结构之多叉树经典操作.分享给大家供大家参考,具体如下: 多叉树可以实现复杂的数据结构的存储,通过遍历方法可以方便高效的查找数据,提高查找的效率,同时方便管理节点数据.javascript的DOM其实就是以多叉树的形式存储的.下面用javascript来实现多叉树的数据结构 1.创造一个节点 数据是以节点的形式存储的: class Node { constructor(data) { this.data = data; this.parent = null;

  • jQuery实现下拉菜单动态添加数据点击滑出收起其他功能

    jQuery实现下拉菜单动态添加数据点击滑出收起其他功能

    上面的人要hui admin  做页面,本人前端比较菜,这框架也没用过. 因为是动态添加数据 .表也没有,..然后子菜单列表只能通过字符串拼接的方式显示. (伪造的)数据是传过来了 发现这个框架的点击菜单,子菜单滑出的效果触发不了,应该是封装了吧..反正不会引用.就自己写了个点击事件(,列表格式还是参照模板). ①:请求数据+ul拼接 比较糙,两边icon 无力回天,不过功能是实现了 $.ajax({ url:'/type/reportType', data:{"token":getC

  • JavaScript使用push方法添加一个元素到数组末尾用法实例

    本文实例讲述了JavaScript使用push方法添加一个元素到数组末尾的用法.分享给大家供大家参考.具体如下: 下面的代码演示了JS数组通过push方法添加一个元素到数组末尾 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to add a new element to the array. </p> <button onclick="

  • JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动

    html代码 复制代码 代码如下: <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <title>试试</title> </head> <script type="text/javascript"> var data = { '1' : 'a001', '2' : 'a002', '3

  • 在 Linux/Mac 下为Python函数添加超时时间的方法

    我们在使用 requests 这类网络请求第三方库时,可以看到它有一个参数叫做 timeout ,就是指在网络请求发出开始计算,如果超过 timeout 还没有收到返回,就抛出超时异常.(当然存在特殊情况timeout 会失效,请看Timeouts and cancellation for humans* 这篇文章中作者的举例,我们不考虑这种特殊情况). 但大家有没有考虑过,如何为普通的函数设置超时时间?特别是在运行一些数据处理.AI 相关的代码时,某个函数可能会运行很长时间,我们想实现,在函数

随机推荐