復制動態生成的 div 的內部 html

Question

我想獲取動態創建的 div 的 innerhtml 並將其放入剪貼板，但我不斷收到類型錯誤。 我想訪問 .shortened div 但我不能這樣做，我需要幫助

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!"
 
    })
    
   
 }

Answer 1

為什么需要訪問innerHTML，什么時候可以把縮短的url直接放到copyLink函數參數中呢？

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