如何在 JavaScript 中存取 CSS 計數器值？

如何在JavaScript 中存取CSS 產生的內容

問題：

問題：

問題：

在

問題：

答案：

存取即時計數器值

不幸的是，JavaScript 中沒有直接介面來存取CSS 產生的即時計數器值。嘗試透過 getCompulatedStyle 檢索它們只會傳回樣式表中宣告的值，而不是實際的執行時間值。

window.onload = function () {
  // Get all counter elements
  var counters = Node_getElementsByClassName(document.body, 'counter');

  // Initialize indices
  var indices = [];
  for (var counteri = 0; counteri  0; linki--) {
        var link = document.links[linki];
        if (link.hostname === location.hostname && link.pathname === location.pathname && link.search === location.search && link.hash === '#' + counter.id) {
          // Create text node for link number
          var text = document.createTextNode('(' + indices.join('.') + ')');

          // Insert link number after link
          link.parentNode.insertBefore(text, link.nextSibling);
        }
      }
    }
  }
};

DOM Level 2 Style Counter 介面最初看起來很有前途，但也缺少一個屬性來檢索當前計數器值.

替代方法由於直接存取即時計數器值不可行，另一種方法是使用JavaScript 複製瀏覽器自己的計數器機制。可以使用以下腳本：此腳本將圖形編號新增至標題和圖形元素，並將相應的編號附加到引用這些標題和圖形的連結。

以上是如何在 JavaScript 中存取 CSS 計數器值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！