Javascript 创建动态元素和document.write

如何在当前元素中使用jquery添加动态创建的元素

<div>
   <script>
      LoadWidget("Hello");
   </script>
</div>

.
.
.
.

<script>
   function LoadWidget(name){
      //For example:
      var widget = $("<p />").html(name);
      document.write(widget.?????????);
   }
</script>

LoadWidget（“你好”）；
.
.
.
.
函数LoadWidget（名称）{
//例如：
var widget=$（“
”）html（名称）；
文件。写入（小部件）；
}

步骤1 添加一个ID为wiget的

。这将是通过

LoadWidget（）

函数动态附加元素的容器

    <div>
<div id="widget"></div>

<script>
    LoadWidget("Hello");
</script>
</div>

            .
            .
            .
            .

<script>
function LoadWidget(name)
{
    if(name)
    {
                  /*
                   * Use the widget HTML element to place the name
                   * into the widget container
                   *
                   */

        $('#wiget').html('<p>'+name+'</p>');
                    /* OR */

                   /* $('body').html('<p>'+name+'</p>'); */

    }
    else
    {
        return false;
    }
}
</script>

LoadWidget（“你好”）；
.
.
.
.
函数LoadWidget（名称）
{
如果（姓名）
{
/*
*使用小部件HTML元素放置名称
*进入小部件容器
*
*/
$（'#wiget'）.html（''+name+'
'）；
/*或*/
/*$（'body'）.html（''+name+'
'）*/
}
其他的
{
返回false；
}
}

步骤1 添加一个ID为wiget的

。这将是通过

LoadWidget（）

函数动态附加元素的容器

    <div>
<div id="widget"></div>

<script>
    LoadWidget("Hello");
</script>
</div>

            .
            .
            .
            .

<script>
function LoadWidget(name)
{
    if(name)
    {
                  /*
                   * Use the widget HTML element to place the name
                   * into the widget container
                   *
                   */

        $('#wiget').html('<p>'+name+'</p>');
                    /* OR */

                   /* $('body').html('<p>'+name+'</p>'); */

    }
    else
    {
        return false;
    }
}
</script>

LoadWidget（“你好”）；
.
.
.
.
函数LoadWidget（名称）
{
如果（姓名）
{
/*
*使用小部件HTML元素放置名称
*进入小部件容器
*
*/
$（'#wiget'）.html（''+name+'
'）；
/*或*/
/*$（'body'）.html（''+name+'
'）*/
}
其他的
{
返回false；
}
}

如果您确实想要获取元素的html，您可以这样做

widget[0].outerHTML

或者，更像jQuery：

widget.wrap("<div>").parent().html()

---

如果您确实想要获取元素的html，您可以这样做

widget[0].outerHTML

或者，更像jQuery：

widget.wrap("<div>").parent().html()

---

您是否在询问

？？？

s中应该包含什么？您只需要将小部件添加到文档中。例如：

$（'body'）.append（小部件）@Cory$（'body'）。追加（小部件）；将我的元素放在末尾
您是否在询问
？？？？
s中应该包含什么？您只需要将小部件添加到文档中。例如：
$（'body'）.append（小部件）@Cory$（'body'）。追加（小部件）；将我的元素放在末尾
其他开发人员想要使用它，我不知道父div的id是什么。所以你说你不能修改HTMLother开发人员想要使用它，我不知道父div的id是什么。所以你说你不能修改HTMLwidget[0]。outerHTML不能在所有浏览器中工作：

Firefox（Gecko）：11发布于2011年03月13日Chrome:0.2发布于2008年09月02日Internet Explorer 4.0发布于1997年Opera 7发布于2003年01月28日Safari 1.3发布于2006年01月12日发布于，如果你能摆脱它（即知道你将永远拥有它），
[0]。outerHTML
技巧要简单得多，但是包装它和获取父级html要兼容得多。@OmidMafakher另外，请注意，你不能将html标记放在注释中。小部件[0]。outerHTML不能在所有浏览器中工作：


Firefox（Gecko）：11发布于2011年03月13日Chrome:0.2发布于2008年09月02日Internet Explorer 4.0发布于1997年Opera 7发布于2003年01月28日Safari 1.3发布于2006年01月12日发布于，如果你能成功（即知道你将永远拥有它），
[0].outerHTML
技巧要简单得多，但是包装它和获取父级html要兼容得多。@OmidMafakher另外，请注意，你不能将html标记放在注释中。