如何隐藏动态创建的div准备就绪？

Question

我有一个场景需要动态创建div，所以我创建了文档准备就绪。但它应该在选择中显示。我面临的问题是，在页面加载时，会创建空div。所以我需要隐藏那个div，并且应该在文本选择上显示。

的JavaScript

$(document).ready(function () {
closePopUp();
var replaceDiv = document.createElement('div');
replaceDiv.id = 'rplceTxtDiv';
document.getElementsByTagName('body')[0].appendChild(replaceDiv);
var innerspan = document.createElement('span');
replaceDiv.appendChild(innerspan);
innerspan.innerHTML += '˟';
var innerDiv = document.createElement('div');
replaceDiv.appendChild(innerDiv);
innerspan.addEventListener("click", closePopUp, false);
replaceDiv.addEventListener("click", getSel, false);
var rplceTxtDiv = $('#rplceTxtDiv');
$('#mytextarea').on('select', function (e) {
    var txtarea = document.getElementById("mytextarea");
    var start = txtarea.selectionStart;
    var finish = txtarea.selectionEnd;
    rplceTxtDiv.offset(getCursorXY(txtarea, start, 20)).show();
    rplceTxtDiv.find('div').text('replace with stars');
}).on('input', function () {
    if (interval) {
        interval = false;
        edits.push($(this).val());
        if (edits.length > maxHistorySize) edits.shift();
        setTimeout(() => interval = true, saveInterval);
    }
});
document.onkeydown = undo;
});

这是我的plunker

问题如下图所示：

Answer 1

在通过

将其附加到HTML之前隐藏DIV

swiftmailer: transport: smtp host: s6.g3tm.com username: correo@algo.com password: password port: 587 spool: { type: memory }

我建议您在通过

更新文本后再显示它

replaceDiv.style.display = "none";

Answer 2

将CSS类设置为：

.MyClass {
  display: none;
}

和jQuery：

$('#myDivIDorClass').addClass('MyClass');

Answer 3

使用hide()

隐藏所有具有班级名称“yourclass”的div

准备就绪

$('div.yourclass').css("display","none");