The number of child notes can vary depending on the browser being used

Having an issue with a JavaScript function that is supposed to read an XML file.

function readXML()
{
    alert("readXML");
    if(xmlDoc.readyState == 4 || xmlDoc.readyState == 'complete')
    {
        for(var i=0; i < xmlDoc.getElementsByTagName("Question").length; i++)
        {
            var CurrentTuple = xmlDoc.getElementsByTagName("Question")[i];
            var QuestionID = CurrentTuple.attributes.getNamedItem("QuestionID").value;
            var CorrectAnswer = CurrentTuple.attributes.getNamedItem("CorrectAnswer").value;

            alert(QuestionID +":"+ CorrectAnswer);

            var OutputDisplayString = "";
            for(var j=0; j< CurrentTuple.childNodes.length; j++)
            {
                //alert(CurrentTuple.childNodes[j].nodeName);
                OutputDisplayString += CurrentTuple.childNodes[j].nodeName;
                OutputDisplayString += "\n";
            }
            alert(OutputDisplayString);
        }
    }
}

About the XML FILE...

<?xml version="1.0" encoding="ISO-8859-1"?>
<Exam>
   <Question QuestionID="Q001" CorrectAnswer="A">   
       <Description>Does a final member variable have to be initialized at the time it's  declared?</Description>
       <AnswerA>No</AnswerA>
       <AnswerB>Yes</AnswerB>
       <AnswerC></AnswerC>
       <AnswerD></AnswerD>
   </Question> 
</Exam>

Next, I will show the output result of "alert(OutputDisplayString);" using Firefox.

#text
Description
#text
AnswerA
#text
AnswerB
#ext
AnswerC
#text
AnswerD
#text

I am comparing this result with what I get using IE.

---------------------------
Message from webpage
---------------------------
Description
AnswerA
AnswerB
AnswerC
AnswerD

---------------------------
OK   
---------------------------

I'm trying to understand why I'm getting #text as a result in Firefox.
This seems to affect the accurate count of "CurrentTuple.childNodes.length".

If you have any insights on the #text result in Firefox or suggestions on how to get the correct count of child nodes, please share.

javascriptxmldom

Answer №1

When working with XML documents, Firefox considers white spaces and line breaks as XML nodes while Internet Explorer does not. For example, if you have the following structure:

<AnswerA>No</AnswerA><AnswerB>Yes</AnswerB>

on the same line in your XML document, there will be no text node between AnswerA and AnswerB. To address this issue, you can manually filter out text nodes by checking for them in your code like this:

if (CurrentTuple.childNodes[j].nodeName == "#text") ...

or alternatively using:

if ("tagName" in CurrentTuple.childNodes[j]) ...

It's important to note that other methods may not work on older browsers.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error found when combining a stopwatch with the react useState hook and setInterval, causing an additional interval to start when the stopwatch

I have implemented a stopwatch feature that includes start and pause buttons. The start button triggers setInterval while the pause button calls clearInterval. Initially, pressing start and then pause works correctly. However, if you press start again afte ...

javascriptreactjsreact-hooks

Looking to dynamically add content to a webpage without needing to refresh the page? Utilizing AJAX can help achieve that

On my website, users have the ability to create posts which are then saved in a database. I would like these posts to be retrieved with a query and displayed on the webpage without having to refresh the page. I understand that I need to implement Ajax for ...

javascriptphpjqueryajax

Exploring the nuances between Ruby on Rails and the responses from json and JavaScript ajax

I am interested in learning the most effective method for handling an ajax request. Would it be better to send json data and parse it on the client side (for instance using pure), or should I generate javascript at the server side and send back the respo ...

javascriptruby-on-railsajaxjsonpure-js

Tips on importing anime js after it has been successfully installed through npm

Today, I added anime js as a dependency to my package.json file. The version 3.0.1 is visible in the dependencies list. I used npm to install it. Next step was creating a folder and a JavaScript file in the public directory. I set up a simple event liste ...

javascriptexpressanime.js

Leveraging nodemailer for automated email delivery

Hey there! I'm looking for some advice on how to set up scheduling with emailing using nodemailer. Ideally, I'd love to be able to schedule emails to send every day at 9am within a web app using nodemailer. However, I'm not sure where to st ...

javascriptnode.jsangularjsemailnodemailer

Hide Details tag only on mobile view

How can I easily close the default opened <details> tag on mobile? I am working with Wordpress. Any suggestions on how to achieve this? <details open> <summary>Details</summary> Something small enough to go unnoticed. </ ...

javascripthtmlcsswordpress

Tips for resizing mesh along the global axis

Have you ever used an online 3D editor that allows you to manipulate individual meshes by moving, scaling, and rotating them? This editor utilizes custom transform controls inspired by the TransformControls code from three.js. Here is a snippet of code fro ...

javascriptthree.js

If the if logic in Express.js fails to function properly, it will consistently output the same message

Every time I run this code, it always displays the same message, even when I input different email addresses let message = ""; const findQuery = "select email from Users where email = ?"; const queryResult = await db.query(findQue ...

javascriptmysqlnode.jsexpress

Enhancing Plotly Graphs with Custom Node Values

Encountering an issue while attempting to assign values to nodes on a plotly graph. Code: <html> <head> <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> <style> .graph-container { ...

javascripthtmlgraphplotlyplotly.js

When attempting to send emails, SendGrid encounters an error and fails to provide an error code

Earlier today, I successfully sent out a series of emails using SendGrid. It was quite a large number of emails, as I needed to create multiple user accounts with attached email addresses. Thankfully, everything went smoothly and all the emails were delive ...

javascriptnode.jsemailhtml-emailsendgrid

Styling for the DataTable disappears upon loading jQuery

my PHP file named "zero3data.php" <?php printf('<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">'); printf('<thead>'); printf('<tr>'); ...

javascriptcss

Having trouble grasping the inner workings of code while iterating through a JSON array in ReactJS

Currently, I am immersed in a school project that requires me to develop a simple CRUD web application. After weighing my options, I decided to utilize Spring Boot + ReactJS for this endeavor. The progress has been smooth so far, but I must admit that part ...

javascriptjsonreactjs

How to return the same value as the input value in Vue before the action is completed

When creating a component and module for functionality X while using Vuex for state management, the code initially works fine. However, after the first insertion, the Getter function consistently returns the previous input value before the action is commit ...

javascriptvue.jsvuex

I'm having trouble importing sqlite3 and knex-js into my Electron React application

Whenever I try to import sqlite3 to test my database connection, I encounter an error. Upon inspecting the development tools, I came across the following error message: Uncaught ReferenceError: require is not defined at Object.path (external "path ...

javascripttypescriptelectron

Inconsistencies in Height Among JQuery Elements

I am encountering an issue with my datatable.js, where I am attempting to limit its height based on a specific row number, such as 4.5 rows. However, I am facing a problem with the row height (tr height). For example, when using the following method with m ...

javascripthtmljquerydatatables

Removing data with sweetalert in a Ruby on Rails application

Hey there, I'm currently exploring the use of sweet alert js to enhance the appearance of my alert boxes. In my table, I have a specific data deletion feature that is triggered by a standard JavaScript alert confirmation. However, when attempting to i ...

javascriptjqueryruby-on-railsrubysweetalert

What is the total amount within a specified date range when retrieved as JSON?

Consider the following JSON structure: { "timesheets": [ { "user": { "username": "erik", "first_name": "Erik", }, &q ...

javascriptdjangovue.jsdjango-rest-framework

I am attempting to add a new row (div) for the invoice, but when I do so, the

Looking for a solution to repeat a row when clicking a button in order to utilize PHP for data manipulation? Check out the code snippet below: <!-- Table row --> <br><br> <div class="row"> <!--Product Table--> <div ...

javascriptjqueryhtml

Utilizing jspm for installing npm packages along with their dependencies

When using jspm, I can easily install npm packages by running: jspm install npm:<pkg-name>. This allows me to use the package in development, like so: import myPackage from 'myPackage';. If the package.json file of the npm package includes ...

javascriptnpmjspm

What is the best way to utilize AJAX to upload several images in PHP?

I have a UI that looks like this: https://i.sstatic.net/BAbwP.jpg I am trying to upload multiple videos using ajax in PHP. I attempted to use FormData() in jQuery for this purpose. However, it seems to only upload one image and not more than that. Her ...

javascriptjqueryajaxhtml