在这种形式中,我希望当用户单击按钮时,它在用户单击的按钮下方显示文本区域和按钮。很像发票或预付款。在文本区域中,用户可以编写任何注释或修订,仅写纯文本即可。这是按钮代码<button type="button" id="revision" onclick="myFunction()" class>Revision</button>
的示例,这是
JavaScript
<script>
function myFunction() {
document.getElementById("demo").innerHTML = <textarea style="resize: none; width: 400px; height: 100px;" type="text" class="form-control" rows="3"></textarea>;}
</script>
我试过了,但是按钮没有显示文本区域。
非常感谢
最佳答案
您可以使用append
函数动态插入dom元素。
function myFunction() {
let textarea = document.createElement('textarea');
textarea.classList = ['form-control'];
textarea.rows = 4;
document.getElementById("demo").append(textarea);
}
<button onclick="myFunction()">
Add Text Area
</button>
<div id="demo"></div>