在innerHTML中的href

嗨，我想在innerHTML中做一個href但是我得到了錯誤或者它正在工作。我想從API中創建一個數據，然後將其複製並放入瀏覽器。當我試圖代碼，將成爲+ item.title而是去，我得到的數據鏈路從我的API在innerHTML中的href

<html> 
    <head> 
    <title>JSON/Atom Custom Search API Example</title> 
    </head> 
    <body> 
    <div id="content"></div> 

    <script> 
     function hndlr(response) { 
     for (var i = 0; i < response.items.length; i++) { 
     var item = response.items[i]; 
     // in production code, item.htmlTitle should have the HTML entities escaped. 
     document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>" +"<a href='+item.title'>Google</a>" ; 

     } 
    } 
    </script> 
    <script src="https://www.googleapis.com/customsearch/v1?q=query&cx=004123968310343535430%3Aaxml6iel9yo&key=AIzaSyDxPcphnrcN9_dfkRkFTbwkv44m1-HI1Hg&callback=hndlr"> 
    </script> 
    </body> 
</html>

來源

2017-04-21 Rushdiey

你做錯了拼接，在那裏你分配innerHTML的到內容。它應該是：

document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>" +"<a href='"+item.title+"'>Google</a>";

你的功能應該是：

function hndlr(response) { 
    for (var i = 0; i < response.items.length; i++) { 
     var item = response.items[i]; 
     // in production code, item.htmlTitle should have the HTML entities escaped. 
     document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>" +"<a href='"+item.title+"'>Google</a>" ; 

    } 
}

來源

2017-04-21 09:44:15

你的問題是從這一行+"<a href='+item.title'>Google</a>"

因爲你outter包圍撇號是「，那麼你保持你真正的變量值是爲了確保變量或可執行文件不在封閉的外部「。

所以這應該制定出適合你

document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>" +"<a href='"+item.title+"'>Google</a>" ;

觀察HREF = ' 「+ item.title +」'

來源

2017-04-21 09:45:20

！好抓住+1 :) –

OWH它的工作原理，我嘗試使用「」終於我只知道+在後面..感謝很多guyz

來源

2017-04-21 10:09:14 Rushdiey

在innerHTML中的href

回答

相關問題