简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Dom操作之兼容技巧分享_DOM

WBOY
Freigeben： 2016-05-16 18:01:49
Original
787 人浏览过

例如：我们在获取ul下所有li元素的时候．或者是某个元素的下一个元素时．都有可能会碰到这讨厌的空格问题．当然在IE浏览器里这些空格会被自动过滤．而FF则没有那么勤劳．FF浏览器会把这些空格也看作为一个元素．如果你对Dom中的空格元素感到疑惑，请运行下面的代码．至少使用IE和FF两种浏览器测试．你会明白一切！

复制代码 代码如下:





Dom


运行该代码以后．你会发现在IE里弹出3．在FF里弹出7．



  1. html

  2. css

  3. dom






上面的代码演示了要获取ol元素中所有的子元素．并弹出ol内有几个子元素．我们可以看到ol中包含了3个li元素．在IE中弹出3这是正确的．那为什么到了FF和Chrome浏览器中会弹出7呢？ 其实在你书写代码的时候．在元素与元素换行之间都会形成一个空格．（注意：不要以为回一次车就会形成一个空格．这是错误的，也就是说元素与元素之间的空白，你就是换几百次行．也算一个空格）FF和Chrome浏览器不会过滤这些空格元素．所以弹出7也是正确的．
下面我们用同样的html结构．来演示如何过滤删除这些空格元素.
复制代码 代码如下:





Dom


运行该代码以后．你会发现在IE,FF,Chrome里返回的结果一样了．



  1. html

  2. css

  3. dom






推荐如下方法：
复制代码 代码如下:





Dom


运行该代码以后．你会发现在IE,FF,Chrome里返回的结果一样了．



  1. html

  2. css

  3. dom





Verwandte Etiketten：
dom操作 兼容
Quelle：php.cn
Vorheriger Artikel：Prototype的Class.create函数解析_prototype Nächster Artikel：Jquery之Ajax运用 学习运用篇_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Die beste Möglichkeit, Routendaten vorab zu laden, bevor auf die Route zugegriffen wird. Bevor ich die Seite für eine bestimmte Route rendere, möchte ich zunächst die erforderlich...
Aus 2023-11-17 14:54:42
0
2
379
macOS Ventura führt dazu, dass die Installation von „mysql2' aufgrund von „ld: Bibliothek für -lzlib nicht gefunden' fehlschlägt. MySQL2 kann nicht mit bundleinstall installiert werden. Ich frage dies, weil einige Websit...
Aus 2023-11-11 08:40:10
0
2
360
v-date-picker, um nur Monat und Jahr auszuwählen Bitte sagen Sie mir, ob es eine andere Möglichkeit gibt, dies mit v-date-picker zu tun. Ic...
Aus 2023-11-10 14:05:05
0
1
269
Laravel Inertia JS Flash-Meldung wird nur einmal angezeigt Da InertiaJS nicht dieselbe Routenkomponente aktualisiert, werden Dinge wie Flash-Nachrich...
Aus 2023-11-03 12:33:50
0
1
342
PlanetScaleDb Prisma-Konfiguration – Der Server lässt keine unsicheren Verbindungen zu, Clients müssen SSL/TLS verwenden Ich starte ein brandneues PlanetScale-Supportprojekt und richte es mit Prisma ein. Ich hab...
Aus 2023-11-02 08:58:00
0
1
252
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！