Пишу небольшой чат. Каждое новое сообщение нужно выводить с новой строки.
Написал вот так:
document.getElementById("chat").textContent = document.getElementById("chat").textContent + "</br>" + newMsg;
То есть, старался опираться на который в html переносит строку, но здесь, в моем случае воспринимается как обыкновенный текст. Как переносить каждое новое сообщение на новую строку?
По поводу Вашего вопроса - вы устанавливаете textContent
тег <br>
в нем не сработает.
Я бы Вам советовал добавлять каждое сообщение отдельным элементом, так проще сделать оформление или анимацию для сообщений, если это конечно требуется
let chat = document.getElementById("chat");
setInterval(e => {
addMessage(Math.random().toString(36).substring(2));
chat.childNodes.length >= 5 && removeFirstMessage();
}, 1000)
function addMessage(newMsg) {
let block = document.createElement('div');
block.classList.add('block');
block.style.backgroundColor = `hsl(${Math.random()*360},55%,85%)`;
block.textContent = newMsg;
setTimeout(e => block.style.opacity = 1);
chat.append(block);
}
function removeFirstMessage() {
chat.firstChild.style.opacity = 0;
let h = chat.firstChild.getBoundingClientRect().height;
chat.firstChild.style.marginTop = `-${h + 5}px`; // 5 - margin
setTimeout(e => chat.firstChild.remove(), 500);
}
.block {
width: 300px;
margin-bottom: 5px;
padding: 5px;
border-radius: 5px;
opacity: 0;
transition: 300ms;
}
<div id="chat"></div>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Я новичок в Unity и недавно у меня появилась проблема: как запрограммировать 2D персонажа с видом сверху на движение вперёд и назад, при нажатии...
You are testing an applicationThe application includes methods named Calculatelnterest and LogLine
Как вызвать функцию при нажатии на раскрытие узла TreeView ?