BETA

element.innerHTMLでリンクを作成する方法 JavaScriptからリンクを生成

投稿日:2020-07-01
最終更新:2020-07-01

element.innerHTMLでリンクを作成

test.html

<html>    
<head></head>    
<body>    
<script type="text/javascript" src="test.js">    
<div id="id"></div>    
</body>  

test.js

window.addEventListener('DOMContentLoaded', function() {      
    document.getElementById("id").innerHTML = '<a href="test">test</a>';    
});   

これでJavaScriptからリンクを生成することができます!

document.getElementById("id").innerHTML = '<a href='+response[0].url+'>'+response[0].title+'</a>';  

配列からタイトルを取り出してリンクにしたいならこんな感じ

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

じゃーにゃりすとの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう