javascriptでbodyタグ内に対してtableを追加しているはずなのに、画面には何も表示されません
javascriptでbodyタグ内に対してtableを追加しているはずなのに、画面には何も表示されないのですが、原因が掴めません。
画面にtableが表示されない原因の分かる方がいましたら、ご教授をお願いします。
javascriptのソースは、
$(document).ready(function () {
var url = "http://ooo";
$.get(url, function (json) {
var table = $('<table/>');
for (var i in json) {
var tr = $('<tr/>')
var td1 = $('<td/>').text(json[i].年);
var td2 = $('<td/>').text(json[i].名前);
var td3 = $('<td/>').text(json[i].読み);
tr.append(td1).append(td2).append(td3);
table.append(tr);
}
$("body").append(table);
});
});
htmlのソース(ヘッダーは必要項目以外省略)は、
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
</body>
</html>
となっています。
宜しくお願いします。