internet-explorer-7 - 在 IE7 中使用 appendchild 的问题

Question

在我用来添加新日期字段和“选择地点”链接到 ID 为“coursedates”的现有 div 的 js 函数下方找到。问题是这在 FF 3 和 IE 8 中工作正常。
它在 IE7 中不起作用。如果我提醒“dts”的计数(长度)，它总是显示 1，尽管 IE 开发人员工具栏显示新日期 div 已添加到 coursedates。我尝试使用 innerHtml 而不是 appendchild，但在那种情况下，旧 coursedt div 元素(如 selven+new_course_dt_index)的监听器会丢失。有解决办法吗？

提前致谢。

addnewcoursedate: function () {

var dts = yud.getElementsByClassName('coursedt', 'div', 'coursedates');
var new_course_dt_index = parseInt(dts[parseInt(dts.length, 10)-1].id.split('coursedt')[1],10)+1;
var newdt = document.createElement('div');
newdt.setAttribute('class','coursedt');
newdt.setAttribute('id','coursedt'+new_course_dt_index);

var coursedt_htm = 
"<div class='clearfix flt_left'><label for='coursestartdt"+new_course_dt_index+"'>Start Date & Time </label><a href='javascript:NewCssCal(\"coursestartdt"+new_course_dt_index+"\",\"ddmmyyyy\",\"arrow\",true,12,false);'><img src='calbtn.gif' width='16' height='16' border='0' alt='Pick a start date & time'></a><br/>"+
    "<input type='text' id='coursestartdt"+new_course_dt_index+"' name='coursestartdt"+new_course_dt_index+"' value=''> </div>"+
    "<div class='flt_left'><a href='#' class='selven' id='selven"+new_course_dt_index+"'>Select Venues</a><br/><input type='hidden' name='venues"+new_course_dt_index+"' id='venues"+new_course_dt_index+"'><div class='selvenue' id='venueshw"+new_course_dt_index+"'>&nbsp;</div></div>"+
    "<div class='flt_rght clr_lft'><a href='javascript:YAHOO.modname.event_js.removecoursedate(\""+new_course_dt_index+"\");'><img title=\"Remove date\" src=\"clear_field.gif\" /></a></div>";
newdt.innerHTML = coursedt_htm;

var crsdts = yud.get('coursedates');
crsdts.appendChild(newdt);

var newbr = document.createElement('br');
newbr.setAttribute('class','lstclr');
newbr.setAttribute('id','lstclr'+new_course_dt_index);

crsdts.appendChild(newbr);

if ( YAHOO.modname.event_js.ven_dlgs[new_course_dt_index] == null ) {
    YAHOO.modname.event_js.ven_dlgs[new_course_dt_index] = _createVenueDialog(new_course_dt_index);
}

},

注意:yud : YAHOO.util.Dom

Answer 1

发现问题。出于某种原因，IE7 无法识别添加到新 div 的类“coursedt”。

newdt.setAttribute('class','coursedt')

但是当我将代码更改为以下内容时它起作用了:

var attr = document.createAttribute('类'); attr.value = 'coursedt'; newdt.setAttributeNode(属性);

这适用于 FF 和 IE 6、7、8。