使用JavaScript使框增长，然后使用函数和InnerHTML使文本显示在框内_Javascript_Function_Innerhtml

使用JavaScript使框增长，然后使用函数和InnerHTML使文本显示在框内

javascript function

使用JavaScript使框增长，然后使用函数和InnerHTML使文本显示在框内,javascript,function,innerhtml,Javascript,Function,Innerhtml,我现在正在学习JavaScript，我一直在玩一些漂亮的东西。我已经设法写了一个函数，使一个盒子增长。在过去的半个小时里，我一直在尝试在文本框中增加一些文本我尝试使用InnerHTML方法，但无论我把它放在哪里（我知道我引用的是正确的元素），都不会出现任何文本（颜色都是正确的，不是不可见的颜色问题）更奇怪的是，如果我使用InnerHTML来放入HTML，框就不会增长。例如，我试着输入target.InnerHTML=“就完成了”和框不会增长按钮点击因此，我想知道的两件事是，在文本增长后，

我现在正在学习JavaScript，我一直在玩一些漂亮的东西。我已经设法写了一个函数，使一个盒子增长。在过去的半个小时里，我一直在尝试在文本框中增加一些文本

我尝试使用InnerHTML方法，但无论我把它放在哪里（我知道我引用的是正确的元素），都不会出现任何文本（颜色都是正确的，不是不可见的颜色问题）

更奇怪的是，如果我使用InnerHTML来放入HTML，框就不会增长。例如，我试着输入

target.InnerHTML=“就完成了”和框不会增长按钮点击
因此，我想知道的两件事是，在文本增长后，如何使文本显示在框中，如果我将HTML放入框中，为什么文本不会增长
<html>

    <head>
        <style type="text/css">
        body {
            color: blue;
            width: 300px;
        }
        #a{ 
            color: green;
            padding: 10pt;
            background-color: blue;
            height: 200;
        }
        </style>
        <script type="text/javascript">
        var newSetting = 200;
        function growLonger(element){
            target = document.getElementById(element);
            target.style.height = newSetting;
            target.style.width = newSetting;
            newSetting = newSetting +20;

            if (newSetting == 500){
                clearTimeout(loopTimer);
                return false;
            }
            var loopTimer = setTimeout('growLonger(\''+element+'\')',50);
                target.InnerHTML = "<p style="text-align:center"> It is <b> Done </b><p>";
        }
        </script>
        <title>"Test</title>
    </head>

    <body>
    <p>Hi How are you?</p>
    <button onclick="growLonger('a')"> Grow Height </button>
    <div id="a">More text?</div>
    </body>

    </html>


身体{
颜色：蓝色；
宽度：300px；
}
#a{
颜色：绿色；
填充：10磅；
背景颜色：蓝色；
身高：200；
}
var=200；
函数（元素）{
target=document.getElementById（元素）；
target.style.height=新闻设置；
target.style.width=新闻设置；
新闻设置=新闻设置+20；
如果（新闻设置==500）{
clearTimeout（循环计时器）；
返回false；
}
var loopTimer=setTimeout（\''+element+'\''），50）；
target.InnerHTML=“已完成”；
}
“试验
嗨，你好吗
长高
更多文本？

target.InnerHTML = "<p style="text-align:center"> It is <b> Done </b><p>";

target.innerHTML = "...";