javascript - 将变量（从 json 中获取）插入到元素中

Question

我有一个从 YouTube json 回调中获取视频标题的函数，该函数有效 - 但是我在将变量插入元素时遇到问题。

这是我正在抓取的提要：

<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/2WNrx2jq184?v=2&amp;alt=json-in-script&amp;callback=youtubeFeedCallback"></script>

我正在使用的 javascript 函数：

function youtubeFeedCallback(data) {
var info = data.entry.title.$t;
document.write(info);
}

这很好用，但我想将它插入到 ID 为“box”的 div 中。

通常我会使用以下内容（并将其添加到函数中 - 并删除 document.write）：

var box = document.getElementById('box');
box.innerHTML = info;

我只是不能让它工作。实现我想要做的事情的正确方法是什么？谢谢

http://jsfiddle.net/b3VYT/

Answer 1

要么确保脚本位于元素下方，要么将代码包装在document.ready回调中，以便在加载 DOM 之前它不会运行。

http://jsfiddle.net/b3VYT/1

Answer 2

您需要确保在执行脚本之前声明了您正在使用的元素：

<div id='test'></div>
<script>
    function youtubeFeedCallback(data) {
         document.getElementById('test').innerHTML = data.entry.title.$t;
    }
</script>

例子