时间戳

首页 > 解决方案 > 如何使用 Javascript 将 div 附加到另一个 div 的右侧或左侧？

javascript - 如何使用 Javascript 将 div 附加到另一个 div 的右侧或左侧？

问题描述

我正在尝试创建一个模拟聊天框，它需要在 div 的左侧和右侧弹出聊天。这些聊天中的每一个也是 div。我无法弄清楚如何将 div 附加到外部 div 的右侧。在我的代码中，我将一些文本附加到我想要然后附加到外部 div 的 div 中。如果可能的话，我想用 vanilla Javascript 来做这件事。

function pressEnter() {
    if (event.keyCode === 13) {
        event.preventDefault;
        // get text
        var text = document.getElementById("client_text_area").value;
        // create new div
        var newdiv = document.createElement('div');
        newdiv.id = "human_chat"
        // create text node to append
        text = document.createTextNode(text);
        newdiv.appendChild(text);
}

标签： javascripthtml

解决方案

我会将其放在 Gershom 答案下方的评论中，但由于我还不能发表评论，因此我将其放入答案中。

正如 Gershom 所分享的，使用 CSS 来设置 div 的样式。使用 JavaScript 创建类时，您可以将类添加到 div，如下所示：

newdiv.classList.add('class-name');

推荐阅读