在日常开发中，有时我们会遇到需要对`
<script>
// 获取textarea和占位层
const textarea = document.getElementById('myTextarea');
const container = document.querySelector('.underline-container');
// 监听textarea的变化
textarea.addEventListener('input', () => {
// 清空占位层内容
container.innerHTML = '';
// 将textarea的内容逐行插入到占位层
textarea.value.split('\n').forEach(line => {
const span = document.createElement('span');
span.textContent = line;
container.appendChild(span);
container.appendChild(document.createElement('br'));
});
});
</script>