在這里和這里偶然發現了一個 Javascript DOM 元素計數器（由 lingtalfi 提供），我想加快我的網站速度。顯然，DOM 元素的數量、長度和深度似乎對速度有影響。我想計算 DOM 開銷并將其顯示在 HTML 中，而無需按鍵。這可以在頁面加載后 5 秒完成，以免影響網站的速度。
方法一：彈出提示框
<a href="
javascript: (function()
{alert(document.getElementsByTagName('*').length);
}());
">Count DOM nodes of a page
</a>
方法2：只寫HTML
<script>
(function() {
document.write(document.getElementsByTagName('*').length);
}());
</script>
在我的網站上，第一種方法彈出 814，而第二種方法寫入 142。完全不同！
我的問題是：有沒有辦法（延遲和）僅在 HTML 中輸出正確數量的 DOM 元素，而無需單擊彈出視窗來計算 DOM 元素？
顯示代碼片段
(function () {document.write(document.getElementsByTagName('*').length); }());body {
font-size: 5em;
font-family: "Arial";
}uj5u.com熱心網友回復：
我絕對不確定你的問題！你在尋找類似的東西嗎？
請記住，演示中的數字可能比代碼顯示的要大。Stack Overflow 在幕后添加了更多元素。
document.addEventListener("DOMContentLoaded", () => {
setTimeout(() => {
document.querySelector('aside').textContent = document.getElementsByTagName('*').length;
}, 5000)
});<html>
<head>
</head>
<body>
<div class="header">
<div class="pages">
<div class="page">index</div>
<div class="page">contact</div>
</div>
</div>
<div class="main-content">
<div class="section-1">
</div>
<div class="section-2">
</div>
<div class="section-3">
</div>
</div>
<footer>
</footer>
<aside></aside>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/487847.html
標籤：javascript html 表现 dom 柜台
上一篇：QML串列查看專案位置
下一篇：根據按鈕單擊填充下一個空文本輸入