如何從段落

Question

檢索值我需要檢索從一個段落，就像這樣的文字：

<p id="userInput">1,2,3,4,5</p> 

get 5 

我想：

var qq = document.getElementById("userInput").innerText("5"); 
       console.log(qq); 

Answer 1

使用正則表達式匹配

var res = document.getElementById("userInput").innerHTML.match(/5/g); 

Answer 2

您可以嘗試使用切片（）方法

是這樣的：

var qq = document.getElementById("userInput").slice(8,8); 
       console.log(qq); 

Answer 3

您可以使用string.split();使它字符串數組，並使用qq[4]調用它。

見我的片段- 「我用警報顯示輸出」

var qq = document.getElementById("userInput").innerHTML.split(','); 
 
alert(qq[4]);

<p id="userInput">1,2,3,4,5</p>

Answer 4

因爲一些瀏覽器支持textContent和其他innerText有的都，你必須確保檢查爲兩個屬性。還請注意innerText是屬性而不是方法。

一旦你有了字符串，你可以將它分成一個數組。

// Split the contents into an Array 
var nums = p.textContent ? p.textContent.split(',') : p.innerText.split(','); 

// Last item 
nums[nums.length-1] // => "5" 

// First item 
nums[0] // => "1" 

如果你不能保證在段落中的文本內容的格式，它將如果你做某種模式使用正則表達式像在下面的例子中有一條匹配的更好。

Answer 5

你可以這樣說：

//get text 
var innerTxt = document.getElementById('userInput').innerHTML; 

//convert it to array 
var array = innerTxt.split(','); 

//get last element in array, in this case "5" 
var five = array[4]; 

alert(five); 

Answer 6

如果你想獲得userInput的內容你穿上鞋子使用：

document.getElementById("userInput").innerHTML 

然後，如果你想獲得第五elementy那麼你可以更多信息：

split(",") 

所以完整的代碼將是：

var arr = document.getElementById("userInput").innerHTML.split(","); 
alert(arr[4]);