通過javascript在文本區域頂部添加標題
[英]Add header on top of text area via javascript
問題描述
我有這個示例代碼：
window.addEventListener('load', () => { // sticky profile notes const notes = document.querySelector('#id_notes'); // Get textarea element const headerDiv = document.createElement("div"); // Create a <div> element headerDiv.innerHTML = "SHOULD BE ON TOP"; // Insert instructions // add header on top notes.prepend(headerDiv); });
<body> <textarea id="id_notes" style="background-color: #ffffcc;"> </textarea> </body>
其中我計划添加一個與 textarea 大小相同的標題。 但不是將其添加到 textarea 頂部，而是將其添加到其中。
我只能使用 JS，因為我不知道如何將它添加到 Django 模板上。 提前致謝！
編輯：添加所需的最終結果：
2 個解決方案
解決方案1
2 已采納 2021-07-18 20:30:56
您可以使用Node#insertBefore ：
window.addEventListener('load', () => { // sticky profile notes const notes = document.querySelector('#id_notes'); // Get textarea element const headerDiv = document.createElement("div"); // Create a <div> element headerDiv.innerHTML = "SHOULD BE ON TOP"; // Insert instructions // add header on top notes.parentNode.insertBefore(headerDiv, notes); });
<textarea id="id_notes" style="background-color: #ffffcc;"></textarea>
解決方案2
1 2021-07-18 20:31:08
使用insertBefore()代替
window.addEventListener('load', () => { const notes = document.querySelector('#id_notes'); // Get textarea element const headerDiv = document.createElement("div"); // Create a <div> element headerDiv.innerHTML = "SHOULD BE ON TOP"; // Insert instructions // add header on top notes.parentNode.insertBefore(headerDiv, notes) });
<body> <textarea id="id_notes" style="background-color: #ffffcc;"> </textarea> </body>
如何通過 Rails 中的 JavaScript 函數添加 collection_select 和 text_area？
[英]How to add a collection_select and text_area via JavaScript-function in Rails?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.