如何获取 HTML DIV 值答案

【问题标题】：How to get HTML DIV value如何获取 HTML DIV 值
【发布时间】：2013-07-16 20:12:18
【问题描述】：

我正在尝试使用 Firefox 在我的网站上进行屏幕截图粘贴。将 div 设为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 转换为图像。非常感谢任何建议和任何推荐链接。

【问题讨论】：

标签： javascript html contenteditable

【解决方案1】：

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);

【讨论】：

第二个代码是否将 DIV 更改为图像。图片保存在哪里。假设我自动保存在 C 盘中。
第二个sn-p 将div元素改为img元素。
如何获取 img 元素并自动保存在特定文件夹中？并且 javascript 在 el.parentNode.replaceChild(el, img) 处抛出“NotFoundError: Node was not found”；
投反对票的原因是什么？！您无法将 html 中的图像保存到本地计算机上的目录中。这是一个网页，而不是桌面应用程序。 删除反对票
javascripts 在 el.parentNode.replaceChild(el, img) 处抛出 'NotFoundError: Node was not found';我无法删除我的反对票。需要您编辑答案。