{"id":203263,"date":"2023-12-25T01:00:40","date_gmt":"2023-12-25T01:00:40","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/"},"modified":"2023-12-25T01:00:40","modified_gmt":"2023-12-25T01:00:40","slug":"how-to-get-data-id-value-in-javascript","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/","title":{"rendered":"How to get data-id value in JavaScript?"},"content":{"rendered":"<p>To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element and retrieve its value.<\/p>\n<p>Here&#8217;s an example of how you can get the data-id value of an element with the id &#8220;myElement&#8221;:<\/p>\n<p>&#8220;`javascript<br \/>\nconst element = document.getElementById(&#8220;myElement&#8221;);<br \/>\nconst dataId = element.getAttribute(&#8220;data-id&#8221;);<br \/>\nconsole.log(dataId);<br \/>\n&#8220;`<\/p>\n<p>By using the getAttribute() method, you can easily retrieve the data-id value of any HTML element in your document.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#How_do_you_set_the_data-id_value_in_HTML\" title=\"How do you set the data-id value in HTML?\">How do you set the data-id value in HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Can_you_use_data_attributes_for_purposes_other_than_storing_data\" title=\"Can you use data attributes for purposes other than storing data?\">Can you use data attributes for purposes other than storing data?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Can_you_access_data_attributes_using_JavaScript_event_listeners\" title=\"Can you access data attributes using JavaScript event listeners?\">Can you access data attributes using JavaScript event listeners?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Is_it_possible_to_get_data_attributes_of_multiple_elements_at_once\" title=\"Is it possible to get data attributes of multiple elements at once?\">Is it possible to get data attributes of multiple elements at once?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#How_can_you_check_if_a_data-id_attribute_exists_on_an_element\" title=\"How can you check if a data-id attribute exists on an element?\">How can you check if a data-id attribute exists on an element?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Can_you_set_and_get_data-id_values_dynamically_using_JavaScript\" title=\"Can you set and get data-id values dynamically using JavaScript?\">Can you set and get data-id values dynamically using JavaScript?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Are_data_attributes_visible_to_users_in_the_browser\" title=\"Are data attributes visible to users in the browser?\">Are data attributes visible to users in the browser?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Is_it_necessary_to_use_data_attributes_to_store_custom_data_in_HTML\" title=\"Is it necessary to use data attributes to store custom data in HTML?\">Is it necessary to use data attributes to store custom data in HTML?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Can_you_use_data_attributes_to_store_complex_data_types_like_arrays_or_objects\" title=\"Can you use data attributes to store complex data types like arrays or objects?\">Can you use data attributes to store complex data types like arrays or objects?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#How_do_you_access_data_attributes_in_CSS\" title=\"How do you access data attributes in CSS?\">How do you access data attributes in CSS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#Are_there_any_limitations_to_using_data_attributes_in_HTML\" title=\"Are there any limitations to using data attributes in HTML?\">Are there any limitations to using data attributes in HTML?<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"How_do_you_set_the_data-id_value_in_HTML\"><\/span>How do you set the data-id value in HTML?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo set the data-id value in HTML, you can simply add the attribute to any HTML element and assign it a value. Here&#8217;s an example:<\/p>\n<p>&#8220;`html<\/p>\n<div data-id=\"123\">This is a div element<\/div>\n<p>\n&#8220;`<\/p>\n<p>In this example, the data-id attribute is set to &#8220;123&#8221; for the div element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can_you_use_data_attributes_for_purposes_other_than_storing_data\"><\/span>Can you use data attributes for purposes other than storing data?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, data attributes can be used for various purposes other than storing data. They can be used for styling purposes, to store configuration options, or to provide additional information about an element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can_you_access_data_attributes_using_JavaScript_event_listeners\"><\/span>Can you access data attributes using JavaScript event listeners?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can access data attributes using JavaScript event listeners. When an event is triggered on an element, you can use the event object to access the target element and retrieve its data attributes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is_it_possible_to_get_data_attributes_of_multiple_elements_at_once\"><\/span>Is it possible to get data attributes of multiple elements at once?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can get data attributes of multiple elements at once by using querySelectorAll() or getElementsByClassName() to select multiple elements and then loop through them to retrieve their data attributes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_can_you_check_if_a_data-id_attribute_exists_on_an_element\"><\/span>How can you check if a data-id attribute exists on an element?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can check if a data-id attribute exists on an element by using the hasAttribute() method in JavaScript. This method returns true if the specified attribute exists on the element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can_you_set_and_get_data-id_values_dynamically_using_JavaScript\"><\/span>Can you set and get data-id values dynamically using JavaScript?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can set and get data-id values dynamically using JavaScript. You can use the setAttribute() method to dynamically set the data-id value of an element and the getAttribute() method to retrieve it.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Are_data_attributes_visible_to_users_in_the_browser\"><\/span>Are data attributes visible to users in the browser?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nData attributes are not visible to users in the browser. They are part of the HTML structure and can only be accessed using JavaScript or through tools like the browser&#8217;s developer console.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Is_it_necessary_to_use_data_attributes_to_store_custom_data_in_HTML\"><\/span>Is it necessary to use data attributes to store custom data in HTML?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nWhile data attributes provide a convenient way to store custom data in HTML elements, they are not the only option. You can also use JavaScript variables or properties to store custom data within your application.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Can_you_use_data_attributes_to_store_complex_data_types_like_arrays_or_objects\"><\/span>Can you use data attributes to store complex data types like arrays or objects?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use data attributes to store complex data types like arrays or objects by converting them to strings using JSON.stringify() before setting them as data attribute values.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_do_you_access_data_attributes_in_CSS\"><\/span>How do you access data attributes in CSS?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou cannot directly access data attributes in CSS. However, you can use data attributes in CSS selectors to style elements based on their data attributes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Are_there_any_limitations_to_using_data_attributes_in_HTML\"><\/span>Are there any limitations to using data attributes in HTML?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nOne limitation of using data attributes in HTML is that they are not semantically meaningful, and overusing them can make the HTML code less readable. It is important to use data attributes judiciously and only for relevant purposes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element and retrieve its value. Here&#8217;s an example of how you can get the data-id value of an element with the id &#8220;myElement&#8221;: &#8220;`javascript const element = document.getElementById(&#8220;myElement&#8221;); const dataId &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get data-id value in JavaScript?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#more-203263\">Read more<span class=\"screen-reader-text\">How to get data-id value in JavaScript?<\/span><\/a><\/p>\n","protected":false},"author":51,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-203263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to get data-id value in JavaScript?<\/title>\n<meta name=\"description\" content=\"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get data-id value in JavaScript?\" \/>\n<meta property=\"og:description\" content=\"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2023-12-25T01:00:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"164\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Adam Forbes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adam Forbes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get data-id value in JavaScript?\",\"datePublished\":\"2023-12-25T01:00:40+00:00\",\"dateModified\":\"2023-12-25T01:00:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\"},\"wordCount\":568,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\",\"name\":\"How to get data-id value in JavaScript?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2023-12-25T01:00:40+00:00\",\"dateModified\":\"2023-12-25T01:00:40+00:00\",\"description\":\"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get data-id value in JavaScript?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\",\"name\":\"Adam Forbes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Adam Forbes\"},\"description\":\"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to get data-id value in JavaScript?","description":"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/","og_locale":"en_US","og_type":"article","og_title":"How to get data-id value in JavaScript?","og_description":"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2023-12-25T01:00:40+00:00","og_image":[{"width":500,"height":164,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","type":"image\/png"}],"author":"Adam Forbes","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Adam Forbes","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get data-id value in JavaScript?","datePublished":"2023-12-25T01:00:40+00:00","dateModified":"2023-12-25T01:00:40+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/"},"wordCount":568,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/","name":"How to get data-id value in JavaScript?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2023-12-25T01:00:40+00:00","dateModified":"2023-12-25T01:00:40+00:00","description":"To get the data-id value in JavaScript, you can use the getAttribute() method. This method allows you to access the data-id attribute of an HTML element","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-data-id-value-in-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get data-id value in JavaScript?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060","name":"Adam Forbes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Adam Forbes"},"description":"Guest author Adam Forbes has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=203263"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/203263\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=203263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=203263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=203263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}