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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript实现爱你在FF IE下都有效的添加一个项目

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 49 ::

收藏到网摘: n/a

js实现的网页颜色代码表全集 js实现用滚动条来放大缩小图片的代码

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

点击运行可以看到效果:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
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);
}
</script>
<body>
<div id="mycontent">
</div>
<input type="button" value="增加" onClick="mycreateElement(document.getElementById('mycontent'),'input')">
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

js实现的网页颜色代码表全集 js实现用滚动条来放大缩小图片的代码

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

评论 (0) All