從 DOM 復制字符串

Question

我有一個菜鳥問題。

我有 div，我想將 url 從 data-element= 復制到 .json 文件

我怎樣才能達到這個目標？

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

Answer 1

您可以使用getAttribute

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

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

或者直接使用數據集

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

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

Answer 2

要選擇一個元素，您可以使用不同的JavaScript 選擇器。在此示例中，我按 Id 選擇元素。 要訪問元素的任何屬性，請使用getAttribute('attribute_name')函數HTML

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

JS

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