明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

如何處理IE8瀏覽器下dom元素不區(qū)分name屬性大小寫問題

[摘要]在IE8瀏覽器下用name屬性去獲取dom元素時居然是不區(qū)分大小寫的。 比如:<input type=text name=C1/><input type=text name=c1/>如上有2個input輸入框,它們的name屬性分別是大寫C1和小寫c1 在獲取元素時,在谷歌...
在IE8瀏覽器下用name屬性去獲取dom元素時居然是不區(qū)分大小寫的。
比如:

<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屬性不區(qū)分大小寫。
當遇到這些問題時,我們在選擇dom元素時可以加上其父級元素來區(qū)分選擇:

<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下無法區(qū)分name屬性大小寫的問題。

以上就是如何解決IE8瀏覽器下dom元素不區(qū)分name屬性大小寫問題的詳細內(nèi)容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。