检测元素的innerHTML的最终字符是否为“ 1”,如果是,则在下划线处使最后一个字符变为绿色,并在前面添加一些文本

chris97ong

因此,如果innerHTMLIDoutput的元素的的最终字符为“ 1”,我想添加:

<a style='color: Green; font-size: 32px;'>Our final result is 1!</a><br><br>`

到的正面innerHTMLoutput,并进行最后的字符(“1”)是绿色的,并强调。到目前为止,这是我尝试过的:

var out = document.getElementById("output");
if(out.innerHTML.slice(-1) == "1") {
    out.innerHTML = "<a style='color: Green; font-size: 32px;'>Our final result is 1!</a><br><br>" + out.innerHTML;
    out.innerHTML = out.innerHTML.slice(0, -1) + "<u style='color: Green;'>" + out.innerHTML.slice(-1) + "</u>";
} 

这是我的HTML:

<b id="output">
2 / 2 = 1
</b> 

我也尝试过这个:

var out = document.getElementById("output");
if(out.innerHTML.charAt(out.innerHTML.length - 2) == "1") {
    out.innerHTML = "<a style='color: Green; font-size: 32px;'>Our final result is 1!</a><br><br>" + out.innerHTML;
    out.innerHTML = out.innerHTML.slice(0,-2) + "<u style='color: Green;'>1</u>";
}

但是两种方法似乎都不起作用(这意味着没有区别)。

那我该如何工作呢?

gp。

innerHTML将包含换行符作为最后一个字符。首先要做这件事。

out.innerHTML = out.innerHTML.trim();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

Related 相关文章

热门标签

归档