我在我的网页中使用 ace 编辑器实例:
<div class="tabpage" id="tabscontent">
<div class="ace_page" id="tabpage_1">
</div>
</div>
我的 javascript 文件将此 div 初始化为 ace 编辑器实例:
var aceEditor = ace.edit("tabpage_1");
aceEditor.setTheme("ace/theme/textmate");
aceEditor.getSession().setMode(language);
现在我想将 div 放入其中,tabpage_1
以便使用以下代码将其置于编辑器实例之上:
function addUserCursor(editor, position, user, color) {
var page = document.getElementById("tabscontent");
var label = document.createElement("div");
label.setAttribute("id", editor+"-"+user);
label.setAttribute("position", "absolute");
label.setAttribute("top", "200px");
label.setAttribute("left", "200px");
label.setAttribute("background-color", color);
label.setAttribute("z-index", "10");
label.innerHTML = user;
page.appendChild(label);
}
但这不会导致该编辑器顶部的 div (样式属性将在稍后收集在 css 中,这仅用于测试)。有人知道我做错了什么吗?