Copy string from DOM

Question

I have a rookie problem.

I have div and I wanna copy the url from data-element= to .json file

How can i reach this?

<div content="" id="preview" data-element="http://thereislink" 
class="sampleclass"></div>

Answer 1

You can use getAttribute

 let x = document.getElementById('preview').getAttribute('data-element'); console.log(x)

 <div content="" id="preview" data-element="http://thereislink" class="sampleclass">Test</div>

Or directly use dataset

 let x = document.getElementById('preview').dataset.element; console.log(x)

 <div content="" id="preview" data-element="http://thereislink" class="sampleclass">Test</div>

Answer 2

To select an element you can use different JavaScript Selectors .In this Example I am selecting element by Id. To access any attribute of element use getAttribute('attribute_name') function HTML

<div content="" id="preview" data-element="http://thereislink" 
class="sampleclass"></div>

JS

var url= document.getElementById("preview").getAttribute("data-element");