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-сервер, но я хотел бы сказать ~ Copy Server IP Вместо него только с указанием IP и нажав ее скопировать.

Answer 1

EDIT:Edit 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) затем выполняется с арг document.getElementById('demo').innerHTML, который является строкой здесь.

Случай 1 Ваших <a> тегов отображает значение вашего IP сервера

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

Case 2 Ваших <a> тегов скрывают IP сервер

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

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

Внимание: Ваше значение IP должно быть объявлено в верхней части HTML-файла в <script> тега или файла перед HTML отображается в вашем теле, иначе ip значение равно нулю, и ваш <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