js添加属性（JS add properties）.docVIP

js添加属性（JS add properties） 方法一、setattribute var obj = document.getelementbyid (obj); obj.setattribute (onclick, javascript: alert (测试);); 这里利用 setattribute 指定 onclick 属性, 但是: 用 setattribute 设置 style、onclick、onmouseover 这些属性在 the 中是行不通的.但是某些属性可以, 以下是通过测试的一个例子: 如果你知道某个控件如select控件的name, 但是这个控件并没有设置id属性, 这时候在ie下测试发现如果仅仅通过控件的name是无法给它动态添加属性和事件的, 因为w3c是允许name属性重复的. function test () { / / 通过tag, 获得所有tagname为select的控件, 返回的是一个select集合 var obj = document.getelementbytagname (select); / / 通过obj.length获得select集合的个数, 在挨个匹配name for (var i = 0; i obj.length; i + +) { / / 找到name为part的select控件 if (obj = = = [i].name part) { obj [].setattribute (id, myid); / / 为name为part的select控件设置id为myid obj [].setattribute (onchange, myfunc); / / 为该控件设置onchange事件, 即调用myfunc函数 } } } function myfunc () { alert (test ok! ); } 方法二、用 attachevent 和 addeventlistener ie支持attachevent obj.attachevent (onclick foo). function foo () { alert (测试); } 也可写在一起 obj.attachevent (onclick, function () {alert (测试);}); 其它浏览器支持 addeventlistener obj.addeventlistener (click, foo, false); function foo () { alert (测试); } 同样也可写在一起 obj.addeventlistener (click, function () {alert (测试);}, false); 注意 attachevent 的事件带 on, 如 onclick, 而 addeventlistener 不带 on, 如 click. 顺便说一下 addeventlistener 的第三个参数 (虽然很少用) usecapture - 如果为 true, 则 usecapture 指示用户希望启动捕获.启动捕获后, 所有指定类型的事件将在被指派到树中其下面的任何 eventtargets 之前指派给已注册的 eventlistener.正在通过树向上 bubbling 的事件将不触发指定的使用捕获的 eventlistener. 综合应用 var obj = document.getelementbyid (obj); if (window.addeventlistener) { / / 其它浏览器的事件代码: mozilla, netscape, firefox / / 添加的事件的顺序即执行顺序 obj.addeventlistener (click, alert (test1), false); obj.addeventlistener (click, alert (test2), false); } else { / / the 的事件代码 obj.attachevent (onclick, function () {alert (test3);}); obj.attachevent (onclick, function () {alert (test4);}); } 方法三、事件 = 函数 例: obj.onclick = foo; 这在多个浏览器中均支持, 这是属于旧的规范 (方法二属于 dom2 的规范), 不过由于使用方便, 用的场合也比较多. 转载: getelementsbyname和getelementbyid 原文地址: http: / / www.jsxzinfo. com / blog / post / getelementbyid.h