javascript - 将动态 div 内容变成链接

Question

我正在开发 Longtail 的 JW Player，但我受困于一些基本的东西。我不知道它在编程语言中叫什么，所以我将逐步编写它:

有一个javascript代码来显示播放视频的标题和描述，如下所示

<script type="text/javascript">
  var player    =  null;
  var playlist  =  null;

  function playerReady(obj)
  {
    player = gid(obj.id);
    displayFirstItem();
  };

  function displayFirstItem()
  {
    try
    {
      playlist = player.getPlaylist();
    }
    catch(e)
    { 
      setTimeout("displayFirstItem()", 100);
    }

      player.addControllerListener('ITEM', 'itemMonitor');
      itemMonitor({index:player.getConfig()['item']});
  };
  function itemMonitor(obj)
  {
    gid('nowplaying').innerHTML = 'Playing: ' + playlist[obj.index]['title'] + ''; 
    gid('author').innerHTML = '<p>Author: ' + playlist[obj.index]['author'] + '</p>'; 
    gid('description').innerHTML = '<p>Description: ' + playlist[obj.index]['description'] + '</p>'; 
  };
  function gid(name)
  {
    return document.getElementById(name);
  };
</script>

代码将视频标题返回到一个 div 中:

<div id="nowplaying"></div>

我想要的是在此按钮的推文中也显示视频标题:

href="http://twitter.com/home?status=SONG TITLE"

我该怎么做？最好的问候

Answer 1

编辑 itemMonitor() 函数:

  function itemMonitor(obj)
  {
    gid('nowplaying').innerHTML = 'Playing: ' + playlist[obj.index]['title'] + ''; 
    gid('author').innerHTML = '<p>Author: ' + playlist[obj.index]['author'] + '</p>'; 
    gid('description').innerHTML = '<p>Description: ' + playlist[obj.index]['description'] + '</p>';
    gid('tweetLink').href = 'http://twitter.com/home?status=' + encodeURIComponent(playlist[obj.index]['title']);
  };

这要求文档中存在一个带有 id="tweetLink" 的链接，这不会改变链接的文本，但是，如果您想更新链接的文本:

  function itemMonitor(obj)
  {
    gid('nowplaying').innerHTML = 'Playing: ' + playlist[obj.index]['title'] + ''; 
    gid('author').innerHTML = '<p>Author: ' + playlist[obj.index]['author'] + '</p>'; 
    gid('description').innerHTML = '<p>Description: ' + playlist[obj.index]['description'] + '</p>';
    gid('tweetLink').href = 'http://twitter.com/home?status=' + encodeURIComponent(playlist[obj.index]['title']);
    gid('tweetLink').innerHTML = 'Tweet this song: ' + playlist[obj.index]['title'] + '.';
  };