javascript - 将变量设置为与 div 相同的内容

Question

<div class="detail">Upgrade Level 4</div>

我的网站中有一个与上面相同的 div。我使用以下代码将变量设置为等于此 div:

tavern = document.querySelector(".detail")

我现在想要一个新变量等于此 div 内的数字。因此，我需要一种方法来过滤掉“升级级别”并设置一个新变量以等于 div 内的数字:

tavernLevel = 4

我不确定该怎么做？

如有任何帮助，我们将不胜感激。

Answer 1

您可以使用split() 函数，如果文本始终相同升级级别“数字”，它将通过使用给定分隔符将字符串分隔为子字符串(在我们的例子中分隔符是升级级别)，因此它将返回两列数组['Upgrade Level ','4']，我们将使用索引[1获取第二列]:

var tavern = document.querySelector(".detail").innerText;
var tavernLevel = tavern.split('Upgrade Level ')[1];

希望这有帮助。

var tavern = document.querySelector(".detail").innerText;
var tavernLevel = tavern.split('Upgrade Level ')[1];

alert(tavernLevel);

<div class="detail">Upgrade Level 4</div>