copy the inner html of a dynamically generated div

Question

I want to take the innerhtml of a dynamically created div and put it in the clipboard but I keep getting a Type error. i want to access the .shortened div but I cant do it and I need help

const results = document.createElement('div')
// call api
function result(url){
    fetch(https://api.shrtco.de/v2/shorten?url=${url})
    .then(res => res.json())
    .then(data =>{
        if (data.ok){
        var data= data
        results.innerHTML = <div class="result">
        <div class="sent">${data.result.original_link}</div>
        <div class="shortened" id="short"><div>${data.result.short_link}</div>
        <div class="copy-wrapper"></div><a href="#" class="copy" onClick= "copyLink()">Copy</a></div>
        </div>
        // create div 
        answer.appendChild(results)
    }else {
        alert('incorrect url')

    }
    mainBtn.innerHTML = "Shorten it!"
 
    })
    
   
 }

Show us more code. How do you want to access the div? What is your HTML structure? — djcaesar9114, Oct 29 '21 at 12:33

score 0 · Accepted Answer · edited Oct 29 '21 at 20:51

0

Why need to access the innerHTML, when you can put the shortened URL directly to the copyLink function parameter?

<div class="copy-wrapper">
    <a href="#" class="copy" onClick="copyLink('${data.result.short_link}')">Copy</a>
</div>

edited Oct 29 '21 at 20:51

Jose Lora

1,392
4
12
18

answered Oct 29 '21 at 12:40

Lima

257
1
8

copy the inner html of a dynamically generated div

1 Answers1