javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目

2019-11-21 02:00:32

字體：大中小

來源：轉載

供稿：網友

IE不是很乖,在IE里setAttribute只認一些靜態(tài)屬性,而像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   class="iwvjtn8m0"   id="mycontent"> </div> <input type="button" value="增加" onClick="mycreateElement(document.getElementById('mycontent'),'input')"> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：js實現(xiàn)用滾動條來放大縮小圖片的代碼

下一篇：js實現(xiàn)的網頁顏色代碼表全集