javascript - 将 <span> 添加到带有值的 innerHTML

Question

基于此线程:Using a CSS Stylesheet with Javascript .innerHTML

像这样对 innerHTML 进行样式化:

document.getElementById("ID").innerHTML = "This is your error";

所有你需要的是:

document.getElementById('error-message').innerHTML = "<span class='error'>my 
error</span>";

但是如果我有一个值呢？我将如何将标签应用于此:

document.getElementById('pText').innerHTML = "You clicked: " + value;

Answer 1

innerHTML 是一个被转换/解释为 HTML 的字符串，所以只要您在您的值周围添加标签，它就会起作用:

document.getElementById('pText').innerHTML = "<span>You clicked: " + value + "</span>";

或者，您可以直接将 span 添加到您的 HTML，并在您的 JS 中将 span 的 innerHTML 设置为 "You clicked :"+ value，这样会更简洁一些。