append函数没有添加对应的文字到页面中

Iris1108 发布于 2016/04/09 16:48
阅读 125
收藏 0

append没反应(源码倒数第7行的位置的append),对应的位置没有文字出现。

是一个类似聊天的界面,源码如下:

@extends('layouts.app')


@section('content')
<div class="container">
    <div class="starter">
        <h2 class="fontcolor">可爱的小伙伴们</h2>
        <div class="user">
            <input id="btton" type="button" value="测试" />
            <button type="button" class="btn btn-default btn-sm moneyleft" >
                <span class="glyphicon glyphicon-user"></span> 钱包余额
            </button>
            </div>
    </div>
    <div id="pages_maincontent">
啦啦啦
        <div id="content1" >
            <div id="txt1"  ><p></p></div>
        </div>
    </div>


    <input type="text"  id="but11" value="">


    <div  id="but21" ><img src="img/6.png" width="35px" height="35px"id="tuplen1"></div>
    <div  id="tupian1">
        <button type="button" class="btn btn-default" onclick="give()" style="width=30px;height=30px">发红包</button>
    </div>
    






</div>
</div>
<script type="text/javascript" src="js/framework7.min.js"></script>
<script Language="JavaScript">
        function give(){
            window.location.href="{{ url('/givemoney') }}"
        }
    window.onload=function(){
        var oCon=document.getElementById('contain1');
        var oBu1=document.getElementById('but11');
        var oBu2=document.getElementById('but21');
        var oCt=document.getElementById('content1');
        var oFoot=document.getElementById('footer1');
        var Onoff=true;
        var oText=document.getElementById('txt1');
        var oTu=document.getElementById('tupian1');
        var oTp=document.getElementById('tuplen1');


        oTu.onclick= function (){
            /*
             if (Onoff){
             oFoot.src='img/2.png';
             //oBu2.value='女神';
             oTp.src='img/7.png';
             Onoff=false;
             }
             else{
             oFoot.src='img/.png';
             //oBu2.value='屌丝';
             oTp.src='img/6.png';
             Onoff=true;


             };
             */
        };
        oBu2.onclick=function(){
            if (Onoff){
                oText.innerHTML=oText.innerHTML+'<br />'+'<br />'+'<br />'+'<br />'+'<div class="post_thumb">'+'<div>'+'<img src="img/1.png" width="55px" height="55px">'+'</div>'+'</div>'+'<div class="post_thumb">'+'<h3 style="font-family: 华文行楷">'+oBu1.value+'</h3>'+'</div>'+'<br/>';


            }
            else{


                oText.innerHTML=oText.innerHTML+'<br/>'+'<div class="post_left">'+oTu.innerHTML+'</div>'+'<div class="post_left">'+oBu1.value+'</div>'+'<br/>';
            };
            oBu1.value='';


        };
    };
</script>




<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btton").click(function(){
    $("#pages_maincontent").append(" <b>Hello world!</b>");
  });
});
</script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
@endsection

加载中
0
I
Iris1108
已解决,#写成中文字符了
返回顶部
顶部