通过innerHTML给table追加内容不生效

<tr>
    <td colspan="2">护士长签名：</td>
    <td colspan="9" class="matron" id="matron"></td>
</tr>

用js动态给护士长签名赋值

//方法一
var matron = document.getElementsByClassName("matron");
matron[0].innerHTML = '名字'
//方法二
var matron = document.getElementById("matron");
matron.innerHTML = '名字'

这两种方法在ajax请求后都不生效，但是放在ajax请求前却是可以的

var matron = document.getElementsByClassName("matron");
for (let o = 0; o < matron.length; o++) {
    matron[o].innerHTML = '名字'
}

这样循环赋值在ajax请求后就生效，这是为什么？

请大神指点