c# - getelementbyid().length 未定义？

Question

我有以下 C# 代码:

 @foreach (var photo in photos){
            <div class="comment1" id="many">
             @photo.name
            </div>
}
<input type="button" name="button" onclick="count()" />

我想知道有多少个“photo.names”，所以我制作了这个 javascript

function count(){
var algo = document.getElementById("many");
alert(algo.length);
}

但由于某种奇怪的原因，它给了我“未定义”。为什么会发生这种情况？我的 JavaScript 位于单独的文件中

Answer 1

Why is it happening?

HTML 元素没有 length 属性。如果您正在查找元素包含的内容的长度，您需要这样做

document.getElementById("many").innerHTML.length;

请记住，ID 对于元素来说应该是唯一的。

如果您要查找“有多少”评论，则需要执行以下操作

document.getElementsByClassName("comment1").length;

类不需要在元素之间是唯一的，并且元素可以有超过 1 个类。