Question

我在网页中使用了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（styleattributes将在稍后的css中收集，这仅用于测试）。有人知道我做错了吗？

Answer 1

label.setAttribute("z-index", "10");错误必须是label.style.zIndex = 10;

将div放在ace编辑器之上

1 个答案: