用innerHTML写DIV怎么会有这种问题


<div align="center" id="d" style="background-color:#ff9966">这是一个层</div> <input type="button" value="获取innerHTML" onclick="getinnerHTML()"> 
<input type="button" value="设置innerHTML" onclick="setinnerHTML()"> 
<script language="javascript"> 
function getinnerHTML() 
{ 
alert(document.getElementById("d").innerHTML) 
alert(document.getElementById("d").innerText) 
} 
function setinnerHTML() 
{ 
document.getElementById("d").innerHTML="<div align='left' id='d' style='background-color:#449966'>这是一个层,嘿嘿</div>" 
//document.getElementById("d").innerHTML+="" ;
//document.getElementById("d").innerHTML+="" ;} 
</script>

解决方案 »

  1.   

    汗  这么写我也会，但我不是只设置一行div的样式啊，是多行
    function setinnerHTML()  //如果是这样呢
    { 
    document.getElementById("d").innerHTML="<div align='left' id='d' style='background-color:#449966'>" 
    document.getElementById("d").innerHTML+="这是一个层aaaa,嘿嘿" ;
    document.getElementById("d").innerHTML+="这是一个层bbbb,嘿嘿" ;
    document.getElementById("d").innerHTML+="这是一个层cccc,嘿嘿" ;
    document.getElementById("d").innerHTML+="</div>" ;} 
    我不能每行都加一次div标签吧，那也太冗余了
      

  2.   


    <div align="center" id="d" style="background-color:#ff9966">这是一个层</div> <input type="button" value="获取innerHTML" onclick="getinnerHTML()"> 
    <input type="button" value="设置innerHTML" onclick="setinnerHTML()"> 
    <script language="javascript"> 
    function getinnerHTML() 
    { 
    alert(document.getElementById("d").innerHTML) 
    alert(document.getElementById("d").innerText) 
    } 
    function setinnerHTML() 
    { 
    document.getElementById("d").innerHTML=" <div align='left' id='d' style='background-color:#449966'>" 
    document.getElementById("d").innerHTML+="这是一个层aaaa,嘿嘿" ; 
    document.getElementById("d").innerHTML+="这是一个层bbbb,嘿嘿" ; 
    document.getElementById("d").innerHTML+="这是一个层cccc,嘿嘿" ; 
    //document.getElementById("d").innerHTML+=" </div>" ; //不用结束} 
    </script>
    是这个意思么。？？
      

  3.   

    对啊 但是你最后怎么在包层div结束呢
      

  4.   

    你没有结束 就意味着我文字不能居左。。我关键是想让文字居左另 我在蓝色经典问到的一点东西是
    {
    innerHTML的任何改变都意味着整个节点被移除重建。
    也就是说innerHTML动作过程中的任何时候都将尝试保证建立完整的节点，不会有半个标签的情况被允许。不完整的标签将被自动补全。
    }
      

  5.   

    innerHTML是解释过的，也就是说你写的时候没有闭合的标签，会自动闭合。最好的方法是 先 定义一个变量 
    html ="<div>"; 
    html +="fdsafsafda";
    html +="</div>";然后再 xx.innerHTML = html;  这样比较好。
    另外，希望各位帮我投下票。我参加的是 myspace.cn 和csdn搞的一个比赛：
    http://myspace.csdn.net/ShowProductDetail.aspx?ID=21
    谢谢啦！
      

  6.   

    <html>
    <head>
    </head>
    <body>
    <div align="center" id="d" style="background-color:#ff9966">这是一个层</div> <input type="button" value="获取innerHTML" onclick="getinnerHTML()"> 
    <input type="button" value="设置innerHTML" onclick="setinnerHTML()"> 
    <script language="javascript"> 
    function getinnerHTML() 
    { 
    alert(document.getElementById("d").innerHTML) 
    alert(document.getElementById("d").innerText) 
    } 
    function setinnerHTML() 
    { 
    var s="<div align='left' id='d' style='background-color:#449966'>";
    s+="<center>";
    s+="这是一个层,嘿嘿";
    s+="zheshiyigeceng";
    s+="</center>";
    s+="</div>";
    document.getElementById("d").innerHTML=s;} 
    </script>
    </body>
    </html>
      

  7.   

    设置完innerHTML后，可以加上这句，来使它居中：document.getElementById("d").setAttribute("align","center")//firefox
    ie下嘛，网上搜搜，肯定有办法！
      

  8.   


    楼主基础不过关居中容易.class{ display: table-cell;
     vertical-align:middle; 
     text-align:center}document.getElementById("d").className = "class"