Hoe browser compatibiliteit problemen op te lossen tijdens het werken met JavaScript, AJAX en XML
Terwijl ik bezig met een project, ik heb veel browser geconfronteerd compatibiliteitsproblemen zoals hoe om witte ruimte te negeren tijdens het schrijven van code in JavaScript. Ik merkte op dat, IE (Internet Explorer) browser negeert witruimte, maar Mozilla (Firefox) en andere Netscape Browsers zijn niet spaties negeren.
Waar ik het probleem geconfronteerd? Toen ik probeerde om de lengte van childNodes in de respectieve bovenliggende node te halen.
Terwijl ik het ophalen van dezelfde Mozilla Firefox Browser gedraagt zich op een andere manier die IE-browser. Eigenlijk heb ik alleen maar '2 kind knooppunten' in een bovenliggende node. IE toont de lengte (nParentNode [0] .childNodes.length) als 2, maar toen ik dezelfde code uit te voeren in mozilla de respectievelijke resultaat was anders - dit was niet mijn verwachte resultaat, het zou moeten zijn 2 in mozilla ook
.
Na wat onderzoek op dit, ik merkte op dat IE negeert spaties, maar komt naar Mozilla en andere browser niet negeren spaties, om te komen over deze kwestie moeten we een extra regel code te gebruiken.
12345for (var j = 0; j if (nParentNode [0] .childNodes [J] .nodeType = 1!) voort te zetten; ... verder met de code ...}
Als je kijkt naar de bovenstaande code, de staat ' if 'doet ons werk.
Mijn plan is om spaties te negeren, is dit mogelijk met behulp van' nodeType 'het bovenstaande als voorwaarde controleert ELEMENT_NODE, als het anders is dan ELEMENT_NODE die ATTRIBUTE_NODE (of) TEXT_NODE (of) ENTITY_NODE etc., blijft de lus
Kijk naar het XML-bestand, dat ik gebruik als voorbeeld:.?
123456789101112 version = "1.0" encoding = "UTF-8" >>> label = "Organisatie"> txt = "Google" txt = "10.000 - 30.000 Medewerkers"> label = "technologie"> txt = "Wireless"> >>
In het bovenstaande XML, is bovenliggende tag aan en dat is en zijn kind knooppunten.
Mijn doel hier is om te weten hoeveel kind nodes er in knooppunt en gegevens van de kind-tags. Als je kijkt naar de JavaScript-code:
nParentNode wijst naar en nParentNode [0] geeft het eerste knooppunt van de ouder, childNodes is een eigenschap die een nodelist met het kind knooppunten van het betreffende geselecteerde knooppunt terug. lengte toont het aantal onderliggende knooppunten.
1nParentNode [0] .childNodes.
length
Als u de bovenstaande regel in IE-browser uit te voeren geeft het resultaat als "2? maar