如何将警报框的输出转换为显示在页面上 - javascript/html

我正在尝试编写一个脚本，用于统计页面上来自<td>的特定单词，并在HTML元素中显示总数。在这个例子中，我计算了表格中出现“完成”一词的次数。所以中途，有脚本我现在已经是如下：如何将警报框的输出转换为显示在页面上 - javascript/html

<p> 
    <script> 
     $(document).ready(function(){ 
     var x = $("td"); 
     alert($('td:contains("Complete")').length); 
     }); 
    </script> 
</p>

这工作得很好，当页面加载一个警告框弹出，正确计数单词的出现“完成”。我的挂断是如何修改这个来显示在页面上而不是警告框？我尝试过使用innerHTML shown here，并在这里分析了一些类似的问题，试图模仿这些示例，但是我总是在尝试修改它时打破计数函数。

这是我第一次写JS，这里是我的最新尝试，这让我感觉像狗谁不知道他在做什么：

<p class="completed"> 
    <script> 
     $(document.getElementById("completed")).innerHTML(function(){ 
     var x = $("td"); 
     $('td:contains("Complete")').length; 
     }); 
    </script> 
</p>

洞察如何解决第二个代码块非常感谢。谢谢！

来源

2015-11-30 seibzehn

你混合jQuery和JavaScript的香草有点太much.stick一个 – Elentriel

就到你的第一段代码，并用$代替警报（“＃完成”）HTML（'的东西输入'）;你也可能想移动你的脚本在页眉或页脚 – Elentriel

如果它只是一个普通的数字，我会使用'text（）来代替。 – MorKadosh

只需在需要的地方打印输出而不是警报框。考虑以下几点：。

<p> 
    <script> 
     $(document).ready(function(){ 
     var x = $("td"); 
     // Print out the result to the #resultsGoHere element 
     $('#resultsGoHere').html($('td:contains("Complete")').length); 
     }); 
    </script> 
</p> 
<p id="resultsGoHere"></p>

来源

2015-11-30 23:14:05

好的解决办法，谢谢！正如另一位先前指出的那样，我在尝试中混合了库（还有其他错误），所以感谢简化事情。 – seibzehn

如何将警报框的输出转换为显示在页面上 - javascript/html

回答

相关问题