javascript - innerHTML 中的 href

标签 javascript jquery innerhtml

<分区>

我试图在 innerHTML 中创建 when a href,但出现错误或无法正常工作。我想从API制作一个数据,可以点击而不是复制并将其放入浏览器。当我尝试代码时,它将变成 +item.title 而不是转到我从我的 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>

最佳答案

您进行了错误的连接,您将 innerHTML 分配给了 content。应该是:

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>" ;

    }
}

关于javascript - innerHTML 中的 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43539168/

相关文章:

javascript - 如何为 Angular js 应用程序添加加载 DIV?

javascript - 在 JavaScript 中获取元素样式表样式

javascript - 如何在运行时美化html/jsp页面中的源代码?

javascript - 动态添加输入元素时,innerHTML 不显示

javascript - 我的数组包含一个空格 [""]。当我用下划线加入空格时,结果字符串中的空格元素在 html 中不可见

javascript - 播放声音文件无法在除IE之外的所有浏览器中正常工作

javascript - 对带有嵌套元素的禁用按钮做出 stopPropagation onClick react

jquery - 我需要我的主导航栏在窗口达到一定大小后消失并显示移动菜单

jQuery:无限循环不会使浏览器崩溃

javascript - 为什么此代码适用于输入文本框,但不适用于 contenteditable div?