Javascript 如何使用innerHTML获取字符串拆分的最后一个字符

Javascript 如何使用innerHTML获取字符串拆分的最后一个字符,javascript,html,Javascript,Html,我试图使用innerHTML警告字符串拆分的最后一个字符,但它在警告框中没有显示任何内容 这是我的密码 Html 如果将var x作为 var x='w3resource'; 但我需要把x值作为 var x=document.getElementById('target').innerHTML; 那么我应该怎么做呢?您需要使用而不是innerHTMLinnerHTML获取实际的HTML标记,包括标记角括号(),而textContent仅提供文本 var x=document.getEleme

我试图使用innerHTML警告字符串拆分的最后一个字符,但它在警告框中没有显示任何内容

这是我的密码

Html

如果将var x作为

var x='w3resource';
但我需要把x值作为

var x=document.getElementById('target').innerHTML;
那么我应该怎么做呢?

您需要使用而不是
innerHTML
innerHTML
获取实际的HTML标记,包括标记角括号(
),而
textContent
仅提供文本

var x=document.getElementById('target').textContent.trim();

你的代码完全是它应该做的——它会提醒#target元素的最后一个字符(在你的例子中是一个空格)

如果将
w3resource
更改为
w3resource
(删除末尾的空格),结果将为“e”

如果要查找最后一个文本字符,必须使用:

函数shubham(){
//元素引用
常量元素=document.getElementById('target');
//文本的结尾和结尾没有空格
const text=element.innerText.trim();
//获取最后一个字符
const lastCharacter=text[text.length-1];
//提醒最后一个字符
警报(最后一个字符);
}
w3resource

单击
我看到目标div中有一个空格:

<div id="target">w3resource </div>

您的#目标元素文本中有一个空格。顺便说一下,这不是获取文本最后一个字符的好方法。@naresh因为正如其他人所说,最后一个字符是空白。您可以始终使用
var x=document.getElementById('target').textContent.trim()
删除空格更新的答案以包括
trim()
。非常感谢
var x=document.getElementById('target').textContent.trim();
<div id="target">w3resource </div>
function shubham3() 
{
   var x=document.getElementById('target').innerHTML.replace(/ /g,'');

   var y=x.split('');

   var z=y[0];

   var m=y[9];

   var n=y[1]


   var last=y[y.length-1]

   alert(last);


 }