首頁猿問 JS代碼計算頁面上的字?jǐn)?shù)，而不是h...

JS代碼計算頁面上的字?jǐn)?shù)，而不是html文件中的字?jǐn)?shù)

JavaScript

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

我以前看到過一個問題，但它只計算某個類中的單詞數(shù)。我希望我的代碼從許多不同類型的標(biāo)簽和類中打印出頁面中顯示的字?jǐn)?shù)。例如：來自 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。我想計算頁面上的單詞數(shù)，在本例中為 7（h2 中的“我的第一個網(wǎng)頁”和 p 中的“我的第一個段落”。我不確定如何執(zhí)行此操作，但我認(rèn)為它會是類似于給定代碼的東西。

查看完整描述

3 回答

慕標(biāo)琳琳

TA貢獻(xiàn)1830條經(jīng)驗獲得超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>

反對回復(fù) 2023-11-02

POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗獲得超5個贊

您可以用來HTMLElement.innerText獲取網(wǎng)頁的文本。然后，您可以使用模式通過空格字符將字符串拆分為數(shù)組。那么字符串的長度應(yīng)該是你的字?jǐn)?shù)。

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

反對回復(fù) 2023-11-02

牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗獲得超7個贊

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

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

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

這個例子是 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>

反對回復(fù) 2023-11-02

3 回答
0 關(guān)注
197 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

JS代碼計算頁面上的字?jǐn)?shù)，而不是html文件中的字?jǐn)?shù)

JS代碼計算頁面上的字?jǐn)?shù)，而不是html文件中的字?jǐn)?shù)

3 回答

添加回答

JS代碼計算頁面上的字?jǐn)?shù)，而不是html文件中的字?jǐn)?shù)