使用document.getElementById获取不到正确的对象

Question

问题:使用document.getElementById获取不到正确的对象
现象:先通过click事件触发使用document.getElementById(A)修改A对象属性的函数x,然后在通过另一个click事件触发document.getElementById(B)修改B对象属性的函数y,在修改A对象后第一次触发函数y时,函数y使用document.getElementById(B)获取到的对象是A而不是B,除了第一次之外在触发y函数document.getElementById(B)获取到的对象就是B了;同样触发了y函数后在触发x函数,第一次x函数使用document.getElementById(A)获取到的对象是B而不是A;
代码:

尝试: 使用过name属性,以及使用JQ获取对象,但是皆存在该问题,怀疑可能和对象的存储有关系但是又没有解决方法的头绪;
结果:已成功处理问题:在user_info_data();函数中有g_html=$('#tableId').html();$('#tableId').html(g_html + txt);的处理语句,每次触发函数x或者函数y都会导致A、B对象重新刷新;解决方法是将不刷新AB所在的那一行.
遗留问题:为什么将AB重写刷新会导致这个问题的出现呢?

Answer 1

页面元素是否已渲染完毕？

Answer 2

这是因为一个页面不能有两个id相同的元素，document.getElementById(this_id)永远只能获取第一个id=this_id的元素