如何處理IE8瀏覽器下dom元素不區(qū)分name屬性大小寫問題
發(fā)表時間:2024-05-09 來源:明輝站整理相關軟件相關文章人氣:
[摘要]在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)站。