复制前的HTML文本

Question

我在网上找到了一个代码，允许我将文本复制到剪贴板，但是我做了一个按钮，我不想让它说服务器IP。这里，因为这就是代码将复制的内容，我希望它说复制服务器IP，然后它将复制服务器IP在这里部分，如果有人可以帮助，我会非常感谢。

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)">Server Ip Here</a> 
<script> 
    function copyToClipboard(text) { 
    window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 
    } 
</script> 

凡说服务器IP这将是我的服务器IP，但我想它说〜复制服务器IP而不是仅仅显示的IP，然后点击它来复制。

Answer 1

编辑：编辑2应该回答的问题

<a id="demo" class="button cta-button" onclick="copyToClipboard(document.getElementById('demo').innerHTML)"> 
Server Ip Here 
</a> 

一切之间"呈现为文本。

实施例：

var text="value"; 
console.log(text); //Will render "value" 
console.log("text"); //Will render "text" 

copyToClipboard(document.getElementById('demo').innerHTML)然后用Arg document.getElementById('demo').innerHTML这是这里的字符串执行。

案例1 你<a>标签会显示你的IP服务器

onclick="copyToClipboard("+document.getElementById('demo').innerHTML+")"

案值2 你<a>标签隐藏服务器

var ip = "ip address"; //In your javascript file 

onclick="copyToClipboard("+ip+")"的IP

警告：您的IP值必须在HTML文件中<script>标签或文件的顶部被宣布为HTML是在你的身体呈现之前，否则ip值为null和你<a>标签将有一个错误的值onclick="copyToClipboard()"

EDIT 2 考虑到脚本部分没关系

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')"> 
Click here to copy ip 
</a> 

document.getElementById('demo').innerHTML给你一切在你的标签<a id="demo">标签内，所以在你的例子中它是“Server Ip Here”。然而，这不是你所期望的，所以你可以通过你的IP服务器的价值来改变它。

这工作：

<script> 
    function copyToClipboard(text) { 
     window.prompt("Copy to clipboard: Ctrl+C, Enter", text); 
     } 
</script> 

<a id="demo" class="button cta-button" onclick="copyToClipboard('192.168.1.1')"> 
    Click here to copy ip 
</a> 

关于<a>标签，给一个尝试到试一试，了解他们是如何工作的 http://www.w3schools.com/tags/tag_a.asp