如何獲得HTML DIV值

Question

我正在嘗試使用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轉換為圖像。 任何建議和任何推薦鏈接都將受到高度贊賞。

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

如何獲得HTML DIV值

問題描述

1 個解決方案

解決方案1
1 已采納 2013-07-18 03:25:11

如何獲得HTML DIV值

問題描述

1 個解決方案

解決方案1 1 已采納 2013-07-18 03:25:11

解決方案1
1 已采納 2013-07-18 03:25:11