Quiero copiar un texto que tenga la clase CSS copytext y quiero pegarlo en la misma página que tiene la clase CSS pastehere .
Estoy usando el siguiente código, pero sin resultado.
function copyToClipboard(text) { const elem = document.createElement('.copytext'); elem.value = text; document.body.appendChild(elem); elem.select(); document.execCommand('.pastehere'); document.body.removeChild(elem); }Creo que quieres obtener el valor de un HTML
etiqueta o algo? con DOM Element innerHTML puede obtener el valor de la etiqueta. p.ej:
html:
`<p id="myTag">hello world</p>`JavaScript:
`let var1 = document.getElementById("myTag").innerHTML;`el 'hola mundo' ahora está almacenado en la variable 'var1' y puede continuar trabajando con él normalmente
.copytext al elemento .pastehere :HTML:
<div class="copytext">Line 1</div> <div class="copytext">Line 2</div> <div class="copytext">Line 3</div>JS:
function fun(text){ let copiedText = ""; text.forEach(element => { copiedText += element.textContent + "\n"; }); const resault = document.createElement('div'); resault.classList.add('pastehere'); resault.innerText = copiedText; document.body.appendChild(resault); } let copyFrom = document.querySelectorAll('.copytext'); fun(copyFrom);Obtendrás:
<div class="pastehere"> Line 1 <br> Line 2 <br> Line 3 <br> </div>JS:
function fun(text){ let resault = document.createElement('div'); resault.classList.add('pastehere'); resault.innerText = text; document.body.appendChild(resault); } let text = "My text"; fun(text);Obtendrás:
<div class="pastehere"> My text </div> !! Tenga en cuenta que solo puede escribir un nombre de etiqueta en document.createElement('');
Puedes usar
document.getElementById("ID NAME")Copiar.
Para cambiar puedes usar
document.getElementsByClassName("class-name").style[0] = "max-width: 10%;"