如何从段落

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]);