Modify particular HTML data attribute

I am attempting to modify a specific html data attribute on the website "" using css and jquery, but I am struggling to make the changes successfully. My attempts to edit the attribute 

data-i18n="[title]tt.navigation_cube_control"
have been unsuccessful so far. I have tried methods like 
getAttribute("data-i18n=[title]tt.navigation_cube_control")
and targeting with CSS selectors such as #navigation img:nth-child(6), but nothing seems to work. I want to hide and reposition the navigation cube on click, but my efforts have not yielded any results. I suspect that I may be incorrectly identifying the attribute name during the call. I even tried downloading their example codes for reference, but still faced the same issue. Currently, I am unable to locate the file they are using through developer tools. My ultimate goal is to manipulate the navigation cube on the specified website using the data attribute name.

javascripthtmlcssattributescustom-data-attribute

Answer №1

FetchValue fetches the content of a value by providing the key associated with it.

For instance: 

retrieveData.FetchValue("username");

However, if you wish to update the value instead of retrieving it, utilize updateValue:

modifyData.updateValue("username", "new username value");

Answer №2

When using the getAttribute method, you can retrieve the value of an attribute belonging to an element. It is important to note that this method does not provide a way to reference the element itself. For further clarification, refer to the documentation.

If your goal is to access an element based on a specific attribute and value, consider utilizing querySelector instead.

const elem = document.querySelector('[data-i18n="[title]tt.navigation_cube_control"]')
console.log(elem)
<div data-i18n="[title]tt.navigation_cube_control">Test</div>

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

Strategies for streamlining repetitive code within a closure in Angularjs

We are currently utilizing Angularjs 1x and I am in the process of refactoring some repetitive code within an Angularjs filter. However, I am facing challenges in getting it to function correctly. It should be a straightforward task. Our standard approach ...

javascriptangularjsrefactoring

Is there a way to change this coffeescript into js/jquery?

content = element.html() content = content.replace(/(#include(\s*&lt;.*&gt;)?)/gi, '<span>$1</span>') content = content.replace(/(main\(.*\))/gi, '<span>$1</span>') element.html(content) h ...

javascriptjquerycoffeescript

Determine if two JavaScript strings are anagrams of one another by comparing their characters. What specific method or approach is utilized in this scenario?

Could someone please provide a breakdown of the JavaScript code logic used here? The following code is designed to check if two strings are anagrams of each other, but I'm having trouble understanding the approach taken to perform this check. Any he ...

htmlcssanagram

Caution: Take heed when accessing an Excel file exported from an HTML table

I have encountered an issue while using the code below to download a file with .xls extension. Upon opening the downloaded file, I am prompted with a warning message: The file you are trying to open, 'Statement.xls', is in a different format t ...

javascriptangularjs

What is the process to set up a WebSocket on Tornado for a production server rather than on a local machine?

Recently, I've delved into the world of WebSockets but have only experimented with them in a localhost environment while developing locally. Following this informative tutorial on real-time data visualization: https://medium.com/@benjaminmbrown/real-t ...

javascriptpythonwebsockettornado

Sign up for historical events in Mixpanel for past dates

I am looking to generate mixpanel reports from our database's outdated data. While I can insert this data server-side into mixpanel, the events will be recorded as if they occurred today. Is there a way to input events into mixpanel with backdated tim ...

javascriptnode.jsmixpanel

What is the best way to create a divider between tab panes in JavaFX?

I created a unique vertical tabpane, but I am struggling to insert horizontal lines between each label. Below is the code snippet I have used: .tab *.tab-label { -fx-rotate: 90; } .tab { -fx-padding: 3em 0.5em; } .tab-pane .tab-header-area .tab ...

javacssjavafxscenebuilder

Issue: $injector:unpr Unrecognized provider: SampleDataProvider

I can't figure out what I'm doing wrong with importing JSON data into my application. There are no GET calls showing in the console tools and I keep encountering a $injector:unpr error. The code I've written is in controller.js function c ...

htmlangularjs

What could be the reason for having two HTML nodes within a one-node HTML document?

My goal is to use DOMdocument to retrieve a list of HTML nodes in order to create a visually appealing CSS3 tree visualization on a web page. However, I've encountered an issue with the code snippet below: // Compressed, testing HTML $text = '&l ...

phphtmldomdomdocument

Only refresh the content when there are updates from the ajax call

Currently, I am populating an HTML table with data retrieved through an AJAX request. The AJAX call is made at regular intervals of X seconds. I am specifically looking for a way to update the table only when the new data fetched from the AJAX call diffe ...

javascriptjqueryajax

REST operations are malfunctioning while other methods are functioning correctly

It's quite strange, but I'm clueless about what could be causing this chaos. Here's the code snippet I'm working with: var express = require('express'); var router = express.Router(); var mongoose = require('mongoose&ap ...

javascriptnode.jsmongodbapiexpress

"Displaying Java Script Error Message in a Div Element: A Step-by-Step

Hello, I am impressed with the functionality of this code. As a newcomer to javascript, my goal is to display the default error message in my designated div. <script type="text/javascript"> $(document).ready(function () { ...

javascriptjquery

What is the best way to avoid repeated guesses in a number guessing game?

I've implemented an array named 'tries' to keep track of the numbers guessed by the user. Once the user correctly guesses the number, the total number of tries and the guessed numbers are displayed. How can I prevent the user from guessing a ...

javascripthtmlarraysinnerhtml

What is the method for automatically starting another .mp4 video once the first one finishes playing?

I am currently trying to replicate the functionality of a television for a project. The idea is to play a .mp4 file, and once it ends, automatically select and play another .mp4 file. It's like mimicking the TV experience where one episode finishes a ...

javascripthtmlvideo

How can I create a dimming effect on a webpage while a Details View Control is being displayed?

I have come across websites that use a technique where when a message box pops up, the rest of the webpage dimmed to emphasize the message. Currently, I am working on building a website using Microsoft Web Developer 2010, specifically an ASP.net site. On ...

.netasp.nethtmlvisual-studiodetailsview

The header.ejs file is unable to render the image

As I work on my website, I had the brilliant idea of using a JavaScript HTTP header (via express) to avoid having to recreate a header and footer on every single file. And guess what? I successfully implemented it! But now I'm facing an issue with ins ...

javascripthtmlcssexpress

The AnchorEL component becomes unusable once a function has been executed for the first time

I am facing a challenge with anchorRef and struggling to understand how it works as I am new to React and have never used it before. After the onClickAway method is called, Material-UI shows an error stating that the anchorRef is set to null, but this warn ...

javascriptreactjsmaterial-uianchorpointlayout-anchor

Dynamic collapsible containers

I discovered a useful feature on w3schools for collapsing elements: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_collapsible_symbol However, I would like to reverse it so that all elements are initially shown when the page loads, and then ...

javascripthtmlcss

Tips for correctly displaying diacritics with Webpack and Typescript

While working on my project, I encountered an issue with diacritics marks (such as German or Polish characters) when using Webpack with Typescript. Unfortunately, the problem arises when trying to display these marks in the console or on a webpage. It seem ...

javascripttypescriptwebpackdiacritics

Combining days and months in a date time using PHP

I am looking to create a textBox where users can input a date and time, followed by selecting an option from a dropdown menu that triggers a calculation. For instance: if ($exampleMonth === 11 && $exampleDay > 30) { $exampleMonth = 12; ...

phphtmldropdown