Fatal编程技术网

显示JavaScript

javascript jquery html

显示JavaScript,javascript,jquery,html,Javascript,Jquery,Html,我仍然停留在一个看似简单的概念上。我有一个非常简单的javascript，它只做一些添加，我想在网页上显示结果。我尝试过使用标签，但似乎没有任何作用，现在我尝试使用html中的标签，但也不起作用。这似乎是一件很简单的事情，但我显然错过了一些东西。任何帮助都将不胜感激。我已经附上了html代码、脚本和css <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

我仍然停留在一个看似简单的概念上。我有一个非常简单的javascript，它只做一些添加，我想在网页上显示结果。我尝试过使用标签，但似乎没有任何作用，现在我尝试使用html中的标签，但也不起作用。这似乎是一件很简单的事情，但我显然错过了一些东西。任何帮助都将不胜感激。我已经附上了html代码、脚本和css

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>The Lighthouse</title>
    <link href="lhouse.css" rel="stylesheet" type="text/css" />
</head>

<body>

    <div id="title">
        <p><img src="logo.jpg" alt="The Lighthouse" />
        </p>
        <p>The Lighthouse<br />
        543 Oak Street<br />
        Owensboro, KY &nbsp;&nbsp;42302<br/>
        (270) 555-7511
        </p>
</div>

    <div id="data_list">
        <table rules="rows" cellspacing='0'>
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Amount</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Address</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>2011-09-18</td>
                    <td id="amount1">125</td>
                    <td>Nina</td>
                    <td>Largent</td>
                    <td>88 Regal Lane<br />Willaimsburg, KY 40789</td>
                </tr>
                <tr class="yellowrow">
                    <td>2011-09-18</td>
                    <td id="amount2">75</td>
                    <td>Mike</td>
                    <td>Hunt</td>
                    <td>404 Barrow Street<br />London, KY 40742</td>
                </tr>
                <tr>
                    <td>2011-09-16</td>
                    <td id="amount3">50</td>
                    <td>Monica</td>
                    <td>Lang</td>
                    <td>743 Stawlings Drive<br />Danville, KY 40423</td>
                </tr>
                <tr class="yellowrow">
                    <td>2011-09-15</td>
                    <td id="amount4">150</td>
                    <td>William</td>
                    <td>McKnight</td>
                    <td>404 Barrow Street<br />Danville, KY 40423</td>
                </tr>
                <tr>
                    <td>2011-09-14</td>
                    <td id="amount5">250</td>
                    <td>Latrina</td>
                    <td>Hults</td>
                    <td>750 Whitehall Road<br />London, KY 40742</td>
                </tr>
                <tr class="yellowrow">
                    <td>2011-09-13</td>
                    <td id="amount6">50</td>
                    <td>Danny</td>
                    <td>Shamblin</td>
                    <td>123 Smith Street<br />Owensboro, KY 42303</td>
                </tr>
            </tbody>
        </table>
    </div>

    <div id="totals">
        <table rules="groups" cellspacing="1">
            <thead>
                <tr>
                    <th id="sumTitle" colspan="2">Summary</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th>Contributors</th>
                    <td id="contributions"> </td>
                </tr>
                <tr>
                    <th>Amount</th>
                    <td id="amount"> </td>
                </tr>
            </tbody>
        </table>
    </div>

</body>
</html>
__

这可能是：

$("#contributions").html(totalAmount.toFixed(2));
因此，它的目标是贡献td（基于id，因为#就像css一样）。 html设置了innerHTML，如果它只是纯文本，可以使用text（）来代替

这可能是：

$("#contributions").html(totalAmount.toFixed(2));
因此，它的目标是贡献td（基于id，因为#就像css一样）。 html设置了innerHTML，如果它只是纯文本，则可以使用text（）。

在下一行：

$("contributions").value = totalAmount.toFixed(2);
您忘记了#因为捐款是td的id，所以请使用以下内容：

$("#contributions").html(totalAmount.toFixed(2));
而
.value
是javascript，您使用的是jQuery，因此使用
.html
函数而不是
.value

如果您还没有在HTML页面中添加jquery库，也可以添加jquery库。 如果你的JS在不同的文件中，那么也在代码中添加该文件

使用以下命令：

<script type="text/javascript" src="your/file/path/*.js"></script>
在下一行：

$("contributions").value = totalAmount.toFixed(2);
您忘记了#因为捐款是td的id，所以请使用以下内容：

$("#contributions").html(totalAmount.toFixed(2));
而
.value
是javascript，您使用的是jQuery，因此使用
.html
函数而不是
.value

如果您还没有在HTML页面中添加jquery库，也可以添加jquery库。 如果你的JS在不同的文件中，那么也在代码中添加该文件

使用以下命令：

<script type="text/javascript" src="your/file/path/*.js"></script>
2我看到的问题：

1） 您应该查找
$（“#贡献”）
，因为您是按id查询的

2） 由于
contributions
是一个
td
，您应该使用它的innerHTML属性来设置内容，而不是
值
 2个我看到的问题：

1） 您应该查找
$（“#贡献”）
，因为您是按id查询的


2） 由于
contributions
是一个
td
，您应该使用它的innerHTML属性来设置内容，而不是
值
 
$（“贡献”）
正在页面上查找
。
元素。此外，请仅包含说明您的问题的最少代码。我们真的需要看到所有的HTML吗？同样，如果你使用jQuery，你应该考虑使用所提供的一些功能；i、 e.
$（'#选择器'）.html（totalAmount.toFixed（2））
您不包括jquery库，如果您想在td中使用id
contributions
编写结果，您必须编写如下内容：$（“#Contributes”）。html（totalAmount.toFixed（2））
$（“contributions”）
正在页面上查找
。
元素。另外，请只包含最少的代码来说明您的问题。我们真的需要看到所有的HTML吗？同样，如果你使用jQuery，你应该考虑使用所提供的一些功能；i、 e.
$（'#选择器'）.html（totalAmount.toFixed（2））
您不包括jquery库，如果您想在td中使用id
contributions
编写结果，您必须编写类似于：$（“#Contributes”）.html（totalAmount.toFixed（2））的内容，非常感谢您如此清晰地展示了所有内容。我还有一段路要走，才能完全理解所有的细节，但是非常感谢你的帮助。非常感谢你如此清晰地介绍了一切。我还有一段路要走，以充分了解所有的细节，但你的帮助是非常感谢。