如何解决IE8浏览器下dom元素不区分name属性大小写问题-html tutorial-php.cn

如何解决IE8浏览器下dom元素不区分name属性大小写问题

一个新手

Lepaskan： 2017-10-17 10:30:23

asal

2162 orang telah melayarinya

在IE8浏览器下用name属性去获取dom元素时居然是不区分大小写的。
比如：

<input type=&#39;text&#39; name=&#39;C1&#39;/>
<input type=&#39;text&#39; name=&#39;c1&#39;/>

Salin selepas log masuk

如上有2个input输入框，它们的name属性分别是大写C1和小写c1
在获取元素时，在谷歌浏览器下使用jqury获取：

$("input[name=&#39;c1&#39;]").length // 1

Salin selepas log masuk

如上代码在I8下运行时获取的dom元素是2。
改为js原生方法来获取：

document.getElementsByName(&#39;c1&#39;).length document.querySelectorAll("input[name=&#39;c1").length

Salin selepas log masuk

以上2个方法在IE8下均为2。由此可见IE8下name属性不区分大小写。
当遇到这些问题时，我们在选择dom元素时可以加上其父级元素来区分选择：

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

Salin selepas log masuk

这样便解决了IE8下无法区分name属性大小写的问题。

Atas ialah kandungan terperinci 如何解决IE8浏览器下dom元素不区分name属性大小写问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

如何解决IE8浏览器下dom元素不区分name属性大小写问题