复制文本来自Div或来自Javascript变量

时间:2016-04-14 15:55:22

标签: javascript jquery

这是我的代码

当用户点击此按钮

<a href="javascript:void(0)" onClick="someFunction()">Copy</a>

要复制的Div内的文字。我怎样才能做到这一点???抱歉我的英文不好

<div>Some Text Here...</div>

2 个答案:

答案 0 :(得分:0)

假设您正在尝试复制到另一个HTML元素或变量 <
首先,它可以帮助您为您的div id,以便您可以使用javascript轻松识别它:

<div id="div1">Some Text Here...</div>

如果您尝试使用按钮而不是超链接,则可以创建按钮:

<button id="button1">Click to copy</button>

然后,如果您使用的是jQuery,则可以在函数中执行以下操作:

var myVar;
$( "#button1" ).click(function() {
     // If you want to store the data in another HTML element
     $( "#div2" ).html( $( "#div1" ).html() );

     // If you want to store the data in a js var
     myVar = $( "#div1" ).html();
});

这是Plunkr

旁注,超链接与按钮不同。它们是可点击的,但按钮在标记中有一个完全独立的标记。

答案 1 :(得分:0)

要从Div复制文本,您需要一个类或ID来查找该div。如果您使用JavaScript执行此操作,它将看起来像这样:

[HTML code]
<div id="test">This is the div text</div>
<a href="#" onclick="retrieveDivText()">Click me</a>

在你的JavaScript中:

  function retrieveDivText() {
  var divElement = document.getElementById('test');
  var divText = divElement.innerHTML;
  alert(divText);
}

当然,您可以返回该divText变量(而不仅仅是警告它),或者随意做任何事情。

此处示例:http://codepen.io/anon/pen/jqzvMp?editors=1010