配列でリンクを表示｜実践課題C

プレビュー

PC版

配列でリンクを表示 - jsdo.it - share JavaScript, HTML5 and CSS

スマートフォン版

コード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>配列</title>
<style>
body {
    font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ", 
	Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", 
	"MS PGothic", 
	sans-serif；	
}
</style>
<script>
var link = [
    {url:"#",title:"ホーム"},
    {url:"#",title:"会社情報"},
    {url:"#",title:"製品情報"},
    {url:"#",title:"お問い合わせ"}
];
</script>
</head>
<body>
<script>
document.write("<ul>");

for(var i=0; i<link.length; i++){
    document.write("<li>");
    document.write("<a href=",link[i].url,">",link[i].title,"</a>");
    document.write("<\/li>");
}
document.write("<\/ul>");
</script>
</body>
</html>