<input type='text' name='C1'/>
<input type='text' name='c1'/>

如上有2個input輸入框，它們的name屬性分別是大寫C1和小寫c1
在獲取元素時，在谷歌瀏覽器下使用jqury獲取：

$("input[name='c1']").length // 1

如上代碼在I8下運行時獲取的dom元素是2。
改為js原生方法來獲取：

document.getElementsByName('c1').length document.querySelectorAll("input[name='c1").length

以上2個方法在IE8下均為2。由此可見IE8下name屬性不區分大小寫。
當遇到這些問題時，我們在選擇dom元素時可以加上其父級元素來區分選擇：

<p class='p1'><input type='text' name='C1'/></p>
<p class='p2'><input type='text' name='c1'/></p>
document.querySelectorAll(".p1 input[name='C1")
document.querySelectorAll(".p2 input[name='c1")

這樣便解決了IE8下無法區分name屬性大小寫的問題。

以上就是如何解決IE8瀏覽器下dom元素不區分name屬性大小寫問題的詳細內容，更多請關注php中文網其它相關文章！