In XML using JavaScript, how can one retrieve all attributes of a node within a specific namespace?

I am working with a node extracted from an xml document containing attributes from various namespaces. My goal is to isolate all the attributes specifically from the fo namespace. Is there a way to achieve this? For example, given the snippet below, I wish to extract all attributes that begin with fo:

<thingy fo:line-height="200%" fo:blah="blah" gh:sdf="sdfdfer">
blah
</thingy>

Answer №1

let element = document.getElementsByTagName('thingy')[0];
let attributes = element.attributes;

for(let index=0;index<attributes.length;index++) {
    if(attributes.item(index).nodeName.includes('fo:')) {
        alert(attributes.item(index).nodeName);
        alert(attributes.item(index).nodeValue);
    }
}

View Code on JS Fiddle

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

Is it possible for a draggable position:absolute div to shrink once it reaches the edge of a position:relative div

I am facing an issue with draggable divs that have position:absolute set inside a position:relative parent div. The problem occurs when I drag the divs to the edge of the parent container, causing them to shrink in size. I need the draggable divs to mainta ...

Is there a way to add up values within a reduce function using multiple conditions?

Is there a way to sum up data based on specific conditions within a reduce function? Let's consider the following dataset: const data = [ { "id": 1, "option": "BP", "result": 'win', "amount": 50 }, { "id": 3, "option": "BP" ...

Steps to Remove JWT Authorized Information by Identifying Number

I am currently utilizing JWT to manage access control for an express and React ecommerce application. However, I am unsure about how to remove the currently logged in user from the application. I have attempted using arrow functions and a button onclick ha ...

Exporting modules for testing within a route or controller function

I'm relatively new to NodeJS and the concept of unit testing. Currently, I am using Jest, although the issue seems to persist with Mocha, Ava, or any other test framework. It appears that my problem revolves around the usage of export/import. In one ...

Is there a way to change a string that says "False" into a Boolean value representing false?

When retrieving values from the backend, I am receiving them as strings 'True' and 'False'. I have been attempting to convert these values into actual Boolean values, however, my current method always returns true. What is the correct a ...

The custom component I created seems to be unaffected by the inline styles in React

Having an issue with a custom component where I am trying to add margin-top in one of my uses. I attempted using <MyComponent style={{ marginTop: '10px' }}> and also const myStyle = { marginTop: '10px' }; `<MyComponent style= ...

The parameter 'data' is assumed to have an 'any' type in React hooks, according to ts(7006)

It's perplexing to me how the 7006 error underlines "data," while in the test environment on the main page of React Hooks (https://react-hook-form.com/get-started#Quickstart), everything works perfectly. I'm wondering if I need to include anothe ...

Struggling with replacing text in an array using Javascript (Angular)

I am facing an issue where I need to remove the 'hello' substring from each object field in my objects array. However, I keep getting an error message saying "Cannot read property 'indexOf' of null". This error is occurring because I am ...

In what situations is it beneficial to utilize inherited scope, and when is it best to avoid it

Is it better to use inherited scope (i.e scope:true) when creating a directive, or is it more appropriate not to use it (i.e scope:false)? I grasp the distinction between scope types and their respective functionalities. However, I am uncertain about whic ...

How to efficiently monitor and calculate changes in an array of objects using Vue?

I have a collection named people that holds data in the form of objects: Previous Data [ {id: 0, name: 'Bob', age: 27}, {id: 1, name: 'Frank', age: 32}, {id: 2, name: 'Joe', age: 38} ] This data can be modified: New ...

Using Javascript to extract a custom attribute from a button element

In my HTML, there is a button that has a custom property called data-filter-params: <button class="button" type="submit" data-filter-params="{'Type', 'Filter.Type'},{'Code','Filter.Code'}" >Filter</button&g ...

Weird behavior observed in loop through 2D Array (FCC)

I'm currently engaged in a learning exercise and I am attempting to comprehend the code provided. While I believed I had a solid grasp of arrays and loops, this particular piece of code has left me feeling quite puzzled. The code snippet below: fun ...

Error encountered with Content Security Policy while utilizing react-stripe

I am currently in the process of developing a React application that incorporates Stripe payments utilizing the @stripe/react-stripe-js (version "^1.9.0") and @stripe/stripe-js (version "^1.32.0") npm packages. While the payments are functioning correctly, ...

Utilizing an object map to pass objects as props without losing their keys

I have an array of objects named obj, structured as follows: { "root": [ { "key": "mihome", "label": "home", "action": "url", ...

Disabling hover effects in Chart.js: A step-by-step guide

Is there a way to disable hover effects, hover options, and hover links on a chart using chart.js? Here is the code I have for setting up a pie chart: HTML.. <div id="canvas-holder" style="width:90%;"> <canvas id="chart-area" /> </div ...

ng-transclude replaces the current content instead of appending to it

I've been diving into AngularJS lately and came across an interesting video that discusses using ng-transclude in a directive template to incorporate existing DOM elements. Check out the code snippet below: <html ng-app="myApp"> <head&g ...

Guide on transferring datetime information from a popup dialog to an MVC controller

My goal is to create a button that, when clicked, opens a dialog allowing the selection of start and end dates. Upon clicking ok/submit, the selected datetime should be passed to a controller [HttpPost] action method. Here's what I have attempted so f ...

What are the steps to restrict the scope of a <style> declaration in HTML?

Currently, I am in the process of creating a user interface for a webmail. Whenever I receive an email, I extract its content and place it within a <div> element for display purposes. However, one challenge that I am facing is that each email contain ...

Using Ngmap to dynamically display markers using ng-repeat in JavaScript

In my project, I am utilizing the angularjs-google-maps directive for map functionality. Below is a snippet of code demonstrating how markers are added to the map: <map id="map" style="height:450px" zoom="4" zoom-to-include-markers='auto' ce ...

What is the best way for me to determine the average number of likes on a post?

I have a Post model with various fields such as author, content, views, likedBy, tags, and comments. model Post { createdAt DateTime @default(now()) updatedAt DateTime @updatedAt id String @id @default(cuid()) author U ...