[英]How to get HTML DIV value
我正在尝试使用Firefox在我的网站中粘贴屏幕截图。 通过将div设置为contenteditable='true'
可以轻松contenteditable='true'
。
html
<Html>
<Head>
<Title>Screen Shot Example</Title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:258px;
height:165px;
z-index:1;
left: 71px;
top: 59px;
}
</style>
</Head>
<Body>
<div id="apDiv1" contenteditable='true'>Paste Test</div>
</Body>
</Html>
我可以将图像从剪贴板粘贴到特定的div。 现在问题开始了,如何从div获取值。 例如,我的用户将屏幕截图粘贴到div中,我希望将其保存在db中。 如果它是正常的文本框,我可以获取文本框值。 有什么办法可以将DIV转换为图像。 任何建议和任何推荐链接都将受到高度赞赏。
document.addEventListener('DOMContentLoaded', function(){
var text = document.getElementById('apDiv1').innerText;
}, false);
替换div
:
document.addEventListener('DOMContentLoaded', function(){
var el = document.getElementById("apDiv1");
var img = document.createElement("img");
img.setAttribute('src', '...');
el.parentNode.replaceChild(el, img);
}, false);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.