javascript - 获取数据时间戳属性的值

Question

在我的 Chrome 扩展程序中，我尝试通过内容脚本从页面获取信息(“data-timestamp”的值:1490893300813)，但结果显示“null”。

//content script:

  var tsx = document.getElementsByClassName("date");    
  var i;
  const ts = new Array;
  for (i = 0; i < tsx.length; i++) {
    var ts[i] = tsx[i].getAttribute("data-timestamp");        	
    console.log("Timestamp" + i + ": " + ts[i]);
  }

<!--source code from page:-->

<div class="thread">
        <span data-timestamp="1490893300813" class="date">
            <span class="absolute">Do, 30.03.2017, 19:01</span>
            <span class="relative"></span>
        </span>
</div>

我还注意到，当我显示页面的源代码时，数据时间戳属性是可见的 (Ctrl+U)，但它在 DevTools 中不可见...

Answer 1

您可以使用document.querySelector('.date')选择具有 date 类的元素。从那里，您可以获得element.dataset.timestamp获取时间戳。

您的代码可能类似于:

//Get the timestamp as a number ( + is used to convert from a string to a number).
var timestamp = +document.querySelector('.date').dataset.timestamp;
console.log('Timestamp:', timestamp);

//Convert to a Date and display in ISO format for the UTC timezone.
var date = new Date(timestamp);
console.log(date.toISOString());

<div class="thread">
        <span data-timestamp="1490893300813" class="date">
            <span class="absolute">Do, 30.03.2017, 19:01</span>
            <span class="relative"></span>
        </span>
</div>