首頁猿問 JS代碼計算頁面上的字數，而不是h...

JS代碼計算頁面上的字數，而不是html文件中的字數

JavaScript

慕無忌1623718 2023-11-02 16:49:48

我以前看到過一個問題，但它只計算某個類中的單詞數。我希望我的代碼從許多不同類型的標簽和類中打印出頁面中顯示的字數。例如：來自 w3schools<!DOCTYPE html><html><body><h2>My First Web Page</h2><p>My First Paragraph.</p><p id="demo"></p><script>document.getElementById("demo").innerHTML = 3+9;</script></body></html> 此代碼打印出 3+9 的值，該值在 id 位置處將是 12。我想計算頁面上的單詞數，在本例中為 7（h2 中的“我的第一個網頁”和 p 中的“我的第一個段落”。我不確定如何執行此操作，但我認為它會是類似于給定代碼的東西。

查看完整描述

3 回答

慕標琳琳

TA貢獻1830條經驗獲得超9個贊

我使用Boolean速記''來過濾掉split.

const allText = document.body.innerText;

const allWords = allText.split(/\s/).filter(Boolean);

const numWords = allWords.length;

document.querySelector('#demo').innerHTML = numWords;

<h2>My First Web Page</h2>

<p>My First Paragraph.</p>

反對回復 2023-11-02

POPMUISE

TA貢獻1765條經驗獲得超5個贊

您可以用來HTMLElement.innerText獲取網頁的文本。然后，您可以使用模式通過空格字符將字符串拆分為數組。那么字符串的長度應該是你的字數。

document.getElementById("demo").innerHTML?=?document.body.innerText.split(/\s/).length

反對回復 2023-11-02

牧羊人nacy

TA貢獻1862條經驗獲得超7個贊

如果使用 javascript 需要innerTextthensplit(/\s/).filter(Boolean)

為什么使用過濾器（布爾）？在 javascript 中，檢測有效單詞非常重要。

嘗試一下，如果你只使用 likeinnerText.split(/\s/).length會得到不同的計數。

這個例子是 JavaScript

document.getElementById("demo").innerHTML = document.getElementById("counted").innerText.split(/\s/).filter(Boolean).length

<!DOCTYPE html>

<html>

<body>

<h2>My First Web Page</h2>

<p>My First Paragraph.</p>

</div>

</body>

</html>

jQuery 示例，還有

var length = $("#counted").text().trim().replace(/[\s]+/g, " ").split(" ").length;

$('#demo').html(length);

<!DOCTYPE html>

<html>

<body>

<h2>My First Web Page</h2>

<p>My First Paragraph.</p>

</div>

</body>

</html>

反對回復 2023-11-02

3 回答
0 關注
201 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JS代碼計算頁面上的字數，而不是html文件中的字數

JS代碼計算頁面上的字數，而不是html文件中的字數

3 回答

添加回答

JS代碼計算頁面上的字數，而不是html文件中的字數

JS代碼計算頁面上的字數，而不是html文件中的字數