嗨,有没有任何可能的方法让用户做一个输入,然后在一个按钮点击后,他的输入被放入一个段落元素或其他永久的东西? 以便在文本编辑器中查看Html时,他的输入位于元素之间。 这在html或JavaScript中是可能的吗?
您可以在浏览器中使用JavaScript查看这些值。 但是对于持久存储,您必须使用服务器端语言,如PHP,NodeJS等。最好将值存储在数据库中并检索它。
但是,如果您需要硬编码,则不需要数据库,并且使用后端语言本身写入HTML文件。 但这不是一个好的做法。
您可以在单击该按钮时设置P标记的值,如下所示
<script>
function myFunction(){
document.getElementById('myParagraph').innerText = document.getElementById('myInput').value;
}
</script>
<input type="text" id="myInput"/>
<button onclick=" myFunction()">Show input value</button>
<div>Value:<p id="myParagraph"></p></div>
您可以使用JavaScript执行类似的操作。
function createDiv(content) {
const element = document.createElement('div');
element.innerHTML = content;
return element;
}
const divToBeInserted = createDiv('foo');
*some element*.appendChild(divToBeInserted);
但请记住,所有更改都将在页面重新加载时消失。
要保留更改,您将需要使用某种后端。 例如,nodeJS服务器将把所有内容存储在数据库中。