JAVASCRIPT

javascript get attribute

//HTML
//<div id="elem" data-id="4hJ3s"></div>

var elem = document.getElementById("elem");
elem.getAttribute("data-id"); // "4hJ3s"

dom element get attribute

document.getElementById('id1').getAttribute('attribute');

get html attribute value in js

<div id="id_of_the_element" data-attribute_name="foo"></div>

var elem = document.getElementById("id_of_the_element");
var attribute_value = elem.getAttribute("data-attribute_name");

//OR with jquery...
var attribute_value = $('#id_of_the_element').attr('data-attribute_name');
//OR...
var attribute_value = $('#id_of_the_element').data('attribute_name');

2nd example

//HTML
//<div id="elem" data-id="4hJ3s"></div>

var elem = document.getElementById("elem");
elem.getAttribute("data-id"); // "4hJ3s"

javascript get attribute

<div id="id_of_the_element" data-attribute_name="foo"></div>

var elem = document.getElementById("id_of_the_element");
var attribute_value = elem.getAttribute("data-attribute_name");

//OR with jquery...
var attribute_value = $('#id_of_the_element').attr('data-attribute_name');
//OR...
var attribute_value = $('#id_of_the_element').data('attribute_name');

get attribute js

element.getAttribute('id')

get attribute

const assert = require('assert')

describe('v5.webdriver.io', () => {

   
    it('should demonstrate the getAttribute command', async () => {

        browser.url('https://v5.webdriver.io')

        const input = await $('#search_input_react')

        let attr = await input.getAttribute('title')
        console.log("Title attribute is: " + attr) // outputs: "search"

        await input.setValue('test124');
        
        attr = await input.getAttribute('value')
        console.log("Value attribute is:" +  attr) // outputs: test124

        
    })
})