var text = oDiv.textContent || oDiv.innerText; // textContent是标准属性,innerText是IE属性。 复制到剪贴板各浏览器处理差异很大,建议取出上面的text之后,填入另一个文本框,然后手动复制: oTextarea.value = text;采用jQuery取元素内的文本更方便: var text = $('#elemId').text();在IE中将文本复制到剪贴板: window.clipboardData.setData('Text', text);以上只能在js代码中通过编程的方式获取文本,无法在浏览器中实现文本选择效果。要实现文本区域选择,各浏览器处理也各不相同。
以下只在IE下可行:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript"> function selectItem1(divID,copyType){ var divObj = document.getElementById(divID); var range= document.body.createTextRange(); range.moveToElementText(divObj) range.moveEnd('character',-1); range.moveStart('character',-1); range.select(); if (copyType=="text") { window.clipboardData.setData('Text', divObj.innerText); }else{ window.clipboardData.setData('Text', divObj.innerHTML); } }
document.getElementById('divid').innerTEXT即可获取里面不包含HTML的文本.放到剪切板...那个就不用说了吧....
如何利用javascript来实现类似ctrl+c的功能呢
document.getElementById("divid").innerHTML
只要文字
document.getElementById("divid").innerText
{
document.getElementById("MyDiv").innerHTML;
document.getElementById("MyDiv").style.display="none"; // 如果只需要隐藏DIV 可以直接用这个
document.getElementById("MyDiv").style.display="none"; // 这是显示DIV的
}
<div id="MyDiv">
内容
</div>
{
document.getElementById("MyDiv").innerHTML;
document.getElementById("MyDiv").style.display="none"; // 如果只需要隐藏DIV 可以直接用这个
document.getElementById("MyDiv").style.display="block"; // 这是显示DIV的
}
<div id="MyDiv">
内容
</div>上面那个忘了改了 =-=
复制到剪贴板各浏览器处理差异很大,建议取出上面的text之后,填入另一个文本框,然后手动复制:
oTextarea.value = text;采用jQuery取元素内的文本更方便:
var text = $('#elemId').text();在IE中将文本复制到剪贴板:
window.clipboardData.setData('Text', text);以上只能在js代码中通过编程的方式获取文本,无法在浏览器中实现文本选择效果。要实现文本区域选择,各浏览器处理也各不相同。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
function selectItem1(divID,copyType){
var divObj = document.getElementById(divID);
var range= document.body.createTextRange();
range.moveToElementText(divObj)
range.moveEnd('character',-1);
range.moveStart('character',-1);
range.select();
if (copyType=="text")
{
window.clipboardData.setData('Text', divObj.innerText);
}else{
window.clipboardData.setData('Text', divObj.innerHTML);
}
}
</script>
</head> <body>
<div id="div01" style="border:1px solid red;" > div里面的表格:
<table border =1>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table> 表格结束
</div>
<input type="button" value="select & copy" onclick="selectItem1('div01','html')" />
</body>
</html>