javascript - 如何更改 asp.net 中的 outerHTML 属性

Question

我在我的页面中实现了 javascriptspellchecker。在我的文本框中实现后，display : none visibility:hidden 被直接添加为 outerHTML 的属性。我想编辑相同的。基本上我想删除该显示:无，因此我的文本框无法正确显示。

Answer 1

您可以使用 jQuery 来定位具有特定类的所有输入，然后像这样显示它们

jsFiddle:https://jsfiddle.net/CanvasCode/z3cqrsg1/

html

Firstname : 
<input id="firstname" class="spellchecker" style="display:none; visibility:hidden"></input>
<br />
Lastname : 
<input id="lastname" class="spellchecker" style="display:none; visibility:hidden"></input>

j查询

$(function () {
    alert($('input.spellchecker').length);
    $('input.spellchecker').show();
    $('input.spellchecker').css('visibility', 'show');
});

或者你可以像这样使用javascript

jsFiddle:https://jsfiddle.net/CanvasCode/z3cqrsg1/1/

html

Firstname : 
<input id="firstname" class="spellchecker" style="display:none; visibility:hidden"></input>
<br />
Lastname : 
<input id="lastname" class="spellchecker" style="display:none; visibility:hidden"></input>

JavaScript

alert(document.getElementsByClassName("spellchecker").length);

var elements = document.getElementsByClassName('spellchecker');
for(var i = 0; i < elements.length; i++) {
    elements[i].style.visibility = "visible";
    elements[i].style.display = "block";
}

另外，请注意，在我的 jQuery 示例中，请确保不要多次运行 $('input.spellchecker')。只需调用一次并将其存储到一个变量中，这适用于我的 javascript 示例。