如何更改asp.net中的outerHTML属性答案

【问题标题】：How to change the outerHTML attributes in asp.net如何更改asp.net中的outerHTML属性
【发布时间】：2023-03-17 22:20:02
【问题描述】：

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

【问题讨论】：

也许拼写检查器正在将该属性添加到文本框？
是的，但我想覆盖该属性，因为我无法删除拼写检查器

标签： javascript c# html css asp.net

【解决方案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 示例。

【讨论】：