Question

我正在研究项目的一个模块，我似乎已经陷入困境。告诉我解释一下我想要做什么。

我有一个文本框，我的门户网站的用户将发布像盒子代码一样的fbml代码或xfml代码。一旦用户点击提交按钮，他应该能够看到像盒子一样我的网站。

但是现在和我发生的事情是，我无法看到类似的盒子。我已经提出了以下代码，

<!DOCTYPE HTML>
<head>
</title> Facebook like widget </title>
<script type="text/javascript"/>



function display_fb()

{
var fburl= document.getElementById('fb_link').value;
document.write(fburl);




}
</script>

</head>
<body> 

<h1>IF YOU HAVE ANY FACEBOOK FAN PASTE THE LINK HERE!!!</h1>

    <label> Paste the link here<input type="text"  id="fb_link"/> </label>
    <input type="button" value="submit"  onClick="display_fb();" />
    <div id="userFBLink" >
    <label>Wanted is here:</label>

    </div>
</body>
</html>

一旦用户将他的facebook放入盒子代码，我想需要刷新div标签。

Answer 1

我相信我不明白你错了，你想把这个输入的文本作为标签添加到该div中（我建议你改用“span”，因为“label”用于标记表单字段）。

看来你正在寻找：

function display_fb()
{
  var fburl= document.getElementById("fb_link").value;

  var lblLink = document.createElement("span");
  lblLink.appendChild(document.createTextNode(fbUrl));
  document.getElementById("userFBLink").appendChild(lblLink);
}

或者使用jQuery：

function display_fb()
{
   var lblLink = $("<span></span>");
   lblLink.append($("input#fb_link").val());

   $("div#userFBLink").append(lblLink);
}

这取决于你！

使div标签动态化

1 个答案: