如何找到元素的innerHTML

Question

我試圖通過從這段代碼中提取值來將值12.5設置為變量。

<li style="background-color: transparent;">
<a href="#userModal" data-toggle="modal" data-target="#userModal"></a>
<span style="background-color:#FDBF6F"></span>
12.5 GoCoins
</li>

我曾嘗試做過一些研究，但未能盡全力，幫助表示贊賞。

var inthepot = 0
inthepot = +(document.querySelector("li")[0].innerHTML)

Answer 1

由於使用的是.querySelector ，因此請勿使用[0] 。 相反，只需調用.innerHTML ，並使用字符串解析來獲取您的電話號碼：

 function getNumber(){ alert(parseFloat(document.querySelector("li").innerHTML.split("</span>")[1].split(" ")[0])); }

 <!DOCTYPE HTML> <html> <body> <li style="background-color: transparent;"> <a href="#userModal" data-toggle="modal" data-target="#userModal"></a> <span style="background-color:#FDBF6F"></span> 12.5 GoCoins </li> <button onclick="getNumber()">Click!</button> </body> </html>

Answer 2

使用Node.textContent而不是innerHTML

Node.textContent屬性表示node及其descendants的text content 。

Unary plus (+) ， unary plus operator在其操作數之前並求值為其操作數，但是嘗試將其轉換為number （如果尚未轉換為number 。

注意：也可以使用Number代替Unary plus (+)

 function getNumber() { alert(+document.querySelector("li").textContent.trim().split(" ")[0]); }

 <li style="background-color: transparent;"> <a href="#userModal" data-toggle="modal" data-target="#userModal"></a> <span style="background-color:#FDBF6F"></span> 12.5 GoCoins </li> <button onclick="getNumber()">Click!</button>

Answer 3

這是使用正則表達式的解決方案：

https://jsfiddle.net/9vs9v7oL/1/

var my_li_contents = document.querySelector('li').innerHTML;
var coins = /^([0-9.]+) GoCoins$/m.exec(my_li_contents);
alert(coins[1]);

如何找到元素的innerHTML

問題描述

3 個解決方案

解決方案1
3 2016-07-01 19:17:43

解決方案2
1 2016-07-01 19:35:36

解決方案3
-1 2016-07-01 19:19:43

如何找到元素的innerHTML

問題描述

3 個解決方案

解決方案1 3 2016-07-01 19:17:43

解決方案2 1 2016-07-01 19:35:36

解決方案3 -1 2016-07-01 19:19:43

解決方案1
3 2016-07-01 19:17:43

解決方案2
1 2016-07-01 19:35:36

解決方案3
-1 2016-07-01 19:19:43