Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of A href in innerHTML [closed] without wasting too much if your time.
The question is published on by Tutorial Guruji team.
The question is published on by Tutorial Guruji team.
I am trying to make when a href in innerHTML, but I got error or it is not working. I want to make a data from API, which can be clicked instead copy and put it into browser. When I tried the code, it will become +item.title instead go to the link that i get data from My API.
<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>
Answer
You are doing wrong concatenation, Where you assigning the innerHTML to content. It should be :
document.getElementById("content").innerHTML +="<br>"+ item.title + "<br>" +"<a href='"+item.title+"'>Google</a>";
Your function should be :
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>" ;
}
}
We are here to answer your question about A href in innerHTML [closed] - If you find the proper solution, please don't forgot to share this with your team members.