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]调用它。

请参阅我的代码 - ＆＃34;我使用提示来显示输出＆＃34;

＆＃13;

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

＆＃13;

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

＆＃13;

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

如果您想获取用户输入的内容，您应该使用：

document.getElementById("userInput").innerHTML

然后，如果你想获得第5个元素，那么你可以这样做：

split(",")

所以完整的代码将是：

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

如何从段落中检索值

6 个答案: