html - 单击插入时更改文本
问题描述
我正在制作一个网站以更快地编辑特殊图像,并且我想<text>
在单击输入类型“creatorcode”的按钮插入时更改文本。
输入类型 creatorcode 并插入
<input type="text" id="entercolor" placeholder="Creator Code" onkeydown="submitOnEnter(event)" onfocus="clearWrongInput();" style="z-index:0;">
<button class="btn" type="button" style="z-index:0;" onclick="myFunction"();>Insert</button>
脚本
<script type="text/javascript">
function myFunction() {
document.getElementByTagName("text").innerHTML=document.getElementByTagName("text");
}
</script>
文本
<b><text>creator-code</text></b>
任何人?
解决方案
jsfiddle 的链接:
<input type="text" id="entercolor" placeholder="Creator Code" style="z-index:0;">
<button class="btn" type="button" style="z-index:0;" name="insert_button">Insert</button>
<div>
Some text here...
</div>
</div>
document.getElementsByName("insert_button")[0].onclick = function(){
document.getElementsByTagName("div")[0].innerHTML = document.getElementById("entercolor").value
}
https://jsfiddle.net/6drvcbz0/
希望有帮助。
推荐阅读
- laravel - 我的 laravel 8 应用程序在服务器上运行良好,但突然它在 /public/index.php 中显示 php 页面的纯文本,你能帮帮我吗
- c# - UWP WebAuthenticationBroker.AuthenticateAsync() 返回 UserCancel 并冻结 UI
- docker - Pycharm远程SFPT连接docker
- regex - 用于解析动态命令的正则表达式
- git - 通过 ssh 工作时对 git 操作的权限被拒绝
- python - 如何在对象内部,在对象内部序列化对象
- typescript - 打字稿缩小无法解析出属性类型
- swift - 在 SwiftUI 中的请求中添加约束
- python - 如何触发 ttk.ComboboxSelected 事件
- azure - 如何连接到 Azure Kubernetes API?