javascript - 在javascript和jquery中将元素 append 到父级后如何获取元素的位置？

Question

var t = 0, i = 0;
var letter = document.createElement('span')
letter.id = "x" + t + "x" + i;
letter.innerHTML = text[t];
highlight.appendChild(letter);
var position = $("#" + "x" + t + "x" + i).position();

这是代码，它一直说该字母未定义。

Answer 1

假设highlight是一个实际的 DOM 节点(不是未定义的)并且 text之前已经定义过，最可能的原因是在 DOM 加载之前执行脚本。尝试将脚本放在 html 的底部，就在结束之前 </body> -标签。

这是一个工作代码的 fiddle :https://jsfiddle.net/n9xk85b7/