Javascript 我试图用mark标记突出显示输出，但它'；它不工作了

我试图用黄色突出显示我的输出，但它没有突出显示。。。 这是我的代码部分，我从中获取了值，并将结果计算为

si

，并在“您将收到的金额”后打印，以黄色突出显示

var p=document.getElementById（“主体”）.value；
var r=document.getElementById（“rate”）.value；
var n=document.getElementById（“年”）.值；
var si=parseInt（（p*n*r）/100）；
document.getElementById（'num'）。innerHTML=si+“，”；
document.getElementById（'num00'）.innerHTML=“您将收到的金额”
标记{
背景颜色：黄色；
颜色：黑色；
}


您所描述的问题是由以下几行引起的：

document.getElementById ('num').innerHTML = si+",";

这将用创建的HTML替换所选元素的现有
innerHTML
；因此，
元素不再存在

相反，我建议：

document.querySelector('#num mark').textContent = si+",";

它使用CSS选择器语法在
id
为“num”的元素中查找
元素


const calculate=（）=>{
设p=parseInt（document.getElementById（“principal”）.value），
r=parseInt（document.getElementById（“rate”）.value），
n=parseInt（document.getElementById（“年”）.value），
si=parseInt（（p*n*r）/100）；
document.querySelector（'#num mark'）。textContent=si+“，”；
document.getElementById（'num00'）.innerHTML=“您将收到的金额”；
},
按钮=document.querySelector（'button'）；
按钮。addEventListener（“单击”，计算）
标记{
背景颜色：黄色；
颜色：黑色；
}
标签{
显示器：flex；
宽度：60%；
证明内容：之间的空间；
保证金：0.5em自动；
}

设定值
校长
比率
年
获得报价


您所描述的问题是由以下几行引起的：

document.getElementById ('num').innerHTML = si+",";

这将用创建的HTML替换所选元素的现有
innerHTML
；因此，
元素不再存在

相反，我建议：

document.querySelector('#num mark').textContent = si+",";

它使用CSS选择器语法在
id
为“num”的元素中查找
元素


const calculate=（）=>{
设p=parseInt（document.getElementById（“principal”）.value），
r=parseInt（document.getElementById（“rate”）.value），
n=parseInt（document.getElementById（“年”）.value），
si=parseInt（（p*n*r）/100）；
document.querySelector（'#num mark'）。textContent=si+“，”；
document.getElementById（'num00'）.innerHTML=“您将收到的金额”；
},
按钮=document.querySelector（'button'）；
按钮。addEventListener（“单击”，计算）
标记{
背景颜色：黄色；
颜色：黑色；
}
标签{
显示器：flex；
宽度：60%；
证明内容：之间的空间；
保证金：0.5em自动；
}

设定值
校长
比率
年
获得报价


HTML代码中的其他输入（如本金、利率和年份）在哪里？你能为你的代码做一个片段吗？在你的HTML代码中，其他的输入，如本金、利率和年数在哪里？你能为你的代码制作一个片段吗？谢谢你的支持，我将尝试这个解决方案。我的代码中没有使用任何表单或字段集标记，这重要吗？还是问题的原因？不，这完全无关；我之所以使用它们，是因为在大多数情况下，它们在语义上是正确的，并赋予内容以意义；这对于那些使用非视觉提示的网络的人来说是很有用的。谢谢兄弟，效果很好。我不能投你一票，因为我需要更多的名誉点数。对不起。再次感谢您的解释。这没问题，@Mohd，投票和接受不是必须的（当然非常感谢）。如果这个答案解决了问题，那么就考虑接受答案（点击答案旁边的复选标记），但是考虑等待一段时间，因为其他人可以提供更好的答案。谢谢支持，我会尝试这个解决方案。我在代码中没有使用任何形式或字段集标签，重要吗？还是问题的原因？不，这完全无关；我之所以使用它们，是因为在大多数情况下，它们在语义上是正确的，并赋予内容以意义；这对于那些使用非视觉提示的网络的人来说是很有用的。谢谢兄弟，效果很好。我不能投你一票，因为我需要更多的名誉点数。对不起。再次感谢您的解释。这没问题，@Mohd，投票和接受不是必须的（当然非常感谢）。如果这个答案解决了问题，那么考虑接受答案（点击答案旁边的复选标记），但是考虑等待一段时间，因为其他人可以提供更好的答案。