javascript - 清除所有 ASP 标签字段

Question

我正在尝试使用 javascript 清除我的 .aspx 页面中的所有字段(应该是跨浏览器)。以下代码适用于 TextBox 字段但不适用于 Label 字段。

var elements = document.getElementsByTagName("input");
for (var i = 0; i < elements.length; i++) {
    if (elements[i].type == "text") {
        elements[i].value = "";
    }
    else if (elements[i].type == "label") {
        elements[i].value = "";
    }
}

后来我看到 HTML 正在将 asp.net 标签渲染为 span 所以我也尝试了:

else if (elements[i].type == "span") {
    elements[i].innerHTML = "";
}

仍然没有清除标签。我在这里做错了什么吗？

另一个问题是，每当我刷新页面时，已清除的 TextBox 字段将再次填充旧值..(真令人沮丧)

我正在通过引用 this 来尝试上面的代码

请帮忙。

Answer 1

在现代浏览器中，这将清除所有 span 元素。

[].slice.call(document.querySelectorAll("span")).forEach(function(e){
    e.innerHTML="";
})

如果您已将类“标签”应用到您的 ASP 标签，那么您可以更具体:

[].slice.call(document.querySelectorAll(".label")).forEach(function(e){
    e.innerHTML="";
})

这是一个适用于旧版浏览器的示例:

var spans = document.getElementsByTagName("span");
for (var i=0; i < spans.length; i++)
{
    if ("label" == spans[i].className)
        spans[i].innerHTML = "";
}