Question

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

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>

jquery的

$(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示例。

如何在asp.net中更改outerHTML属性

1 个答案: