为了账号安全,请及时绑定邮箱和手机立即绑定

append()是追加,为什么会另起一行?如何接着原文追加

append()是追加,为什么会另起一行?如何接着原文追加?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>append()方法追加内容</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <h3>append()方法追加内容</h3>
        <span>哈哈哈</span>
        <script type="text/javascript">
            function rethtml() {
                var $html = "<div id='test' title='hi'>我是调用函数创建的</div>"
                return $html;
            }
            $("span").append(rethtml());
        </script>
    </body>
</html>


正在回答

3 回答

在CSS中加入

#test,h3 {
    display:inline;
}

1 回复 有任何疑惑可以回复我~

<script type="text/javascript">

            function rethtml() {

                var $html = "<span id='test' title='hi'>我是调用函数创建的</span>"

                return $html;

            }

            $("h3").append(rethtml);

        </script>

这样就对了

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//57751b3000016dfc08400456.jpg这是运行结果

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154715    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程

append()是追加,为什么会另起一行?如何接着原文追加

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号