Question

动态向页面中增加了一段html代码，但是原本写好的js代码在这段动态生成的html代码中无效？

var personSize = Number('${guaranteePersionListSize}');
function clonePersonTable(){
var personTable =
'<table class="tableContent font-tab style_tab" id="mortgagePerson'+personSize+'" style="width:98%">'+
'<tbody>'+

'<tr>'+
'<th class="style_th">其它信息/评价</th>'+
'<td class="style_td" colspan="3"><textarea id="fc_evaluation_person'+personSize+'" name="evaluation_person" class="easyui-validatebox" style="width:100%;height:100px;" cols="100" rows="3" required="true"></textarea></td>'+
'</tr>'+
'</tbody></table>';

$("#fc_div2").append(personTable);
initPersonSingle();

//动态向页面中增加了一段html代码，但是原本写好的js代码在这段动态生成的html代码中无效。如果把html直接写在页面里那样好使
//此js方法不起作用
autoTextarea(document.getElementById("fc_evaluation_person"+personSize));

personSize++;
}
function initPersonSingle(){
var nowa=personSize;
$("#fc_evaluation_person"+nowa).textbox({
type:'text',
multiline:"true",
validType:'length[1,3000]',
required:"true"
});
}

Answer 1

动态添加的html代码，如果在还没有真正渲染生成dom之前，js是无法获取到它们的，也就是节点根本不存在，所以原本的js就无法生效。
对于动态生成的html，应该在生成完成之后再执行一次需要对这些html操作的js代码。