Question

我想将一个变量从HTML传递给Java。为此，我写了以下代码：

<!doctype html>
<html>


    <title>How to create a typewriter or typing effect with jQuery</title>
    <div id="example1">fsdfsdfojsdlk sdfj lskdhfk sdf </div>
    <style>
        body{

    background: transparent;

    color: #ec5a62;

        }

        #container{
            font-size: 7em;
        }  

    </style>

</head>
<body>

    <div id="container"></div>

    <!-- 
        We use Google's CDN to serve the jQuery js libs. 
        To speed up the page load we put these scripts at the bottom of the page 
    -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

    <script>

        //define text
 var text = ("document.getElementById("example1")");

        //text is split up to letters
        $.each(text.split(''), function(i, letter){

            //we add 100*i ms delay to each letter 
            setTimeout(function(){

                //we add the letter to the container
                $('#container').html($('#container').html() + letter);

            }, 30*i);
        });

    </script>

</body>
</html>

但它不起作用。我怎样才能做到这一点？

请帮助我。

我正在使用 var text =（“document.getElementById（”example1“）”）;

但它不起作用。

Answer 1

获取值使用var x = document.getElementById（＆＃34; example1＆＃34;）。value;

你的代码应该是这样的：

var text=document.getElementById("example1").value;
 //text is split up to letters
    $.each(text.split(''), function(i, letter){

        //we add 100*i ms delay to each letter 
        setTimeout(function(){

            //we add the letter to the container
            $('#container').html($('#container').html() + letter);

        }, 30*i);
    });

如何将变量从HTML传递给Java？

1 个答案: