使用javascript替换html内容

使用javascript替换html内容,javascript,html,Javascript,Html,我试图用javascript替换id='js'的内容,但这对我不起作用。这是代码 <html> <head> <title></title> <script type="text/javascript"> var ball = 0; function count_balls(ball){ var count = ball

我试图用javascript替换id='js'的内容,但这对我不起作用。这是代码

<html>
    <head>
       <title></title>

       <script type="text/javascript">
            var ball = 0;
            function count_balls(ball){
                var count = ball + 1;
                return count;
                }
            document.getElementById('js').innerHTML = count_balls(0);
       </script>
    </head>
    <body>
        <p id='js'>Result Here</p>
    </body>
</html>

var-ball=0;
函数计数球(球){
var计数=球+1;
返回计数;
}
document.getElementById('js').innerHTML=count_balls(0);

这里的结果


由于元素尚未初始化,因此无法工作。您可以将javascript移动到HTML的末尾(首选),如下所示:

<html>
<head>
   <title></title>


</head>
<body>
    <p id='js'>Result Here</p>

       <script type="text/javascript">
        var ball = 0;
        function count_balls(ball){
            var count = ball + 1;
            return count;
            }

        document.getElementById('js').innerHTML = count_balls(0);
   </script>
</body>

这里的结果

var-ball=0; 函数计数球(球){ var计数=球+1; 返回计数; } document.getElementById('js').innerHTML=count_balls(0);


或者您也可以使用来实现相同的目标。

它工作正常,返回1。您不能使用与全局变量相同的名称来调用参数,并期望代码知道如何处理它。您调用
count\u balls(0)
因此
count\u balls(ball)
中的
ball
将为
0
<代码>0+1=1因此
计数
=1。要“修复”代码,请将其更改为
count\u balls(){
=count\u balls()
。如果您试图将
1
添加到
bar
中,您需要将
var count=ball+1
更改为
ball++;return ball;
。它在我的浏览器上显示“result here”。我不知道为什么是这样。抱歉。实际发生的情况是,您在元素存在之前运行了js。您的javascript控制台会告诉您您可以这样做。搜索“已加载文档上的javascript”。您的脚本在页面上呈现“

”之前执行。噢,谢谢……我只是在我的p标记下编写了js代码,现在工作正常。。!