Javascript 将类添加到动态创建的HTML节点

我原以为这样做会容易一点，但我花了整整两个小时，却没能弄明白

我有以下输出：

你的购物车是空的

不是解决问题的方法，但这样可以消除问题：
您可以在纯CSS中使用最后一个类型选择器来实现这一点。这是IMHO的最佳解决方案。

代码笔示例：
因为这甚至不需要JavaScript，并且只使用CSS而没有复杂的选择器，所以这似乎是最好的解决方案

可能的问题修复方法：
您的addClassList语法不正确。
见：

这是正确的addClass语法

你有没有理由用JavaScript来添加类，而不是立即添加它？如果要传递（可选）类参数，则可以在添加总计时传递该类（假设您知道添加总计的时间）

函数输出值（值）{
输出值（值“”）；
}
函数outputValue（值，类）{
output.innerHTML+=“
”+”“+value+”；
}

不是解决问题的方法，但这样可以消除问题：
您可以在纯CSS中使用最后一个类型选择器来实现这一点。这是IMHO的最佳解决方案。

代码笔示例：
因为这甚至不需要JavaScript，并且只使用CSS而没有复杂的选择器，所以这似乎是最好的解决方案

可能的问题修复方法：
您的addClassList语法不正确。
见：

这是正确的addClass语法

你有没有理由用JavaScript来添加类，而不是立即添加它？如果要传递（可选）类参数，则可以在添加总计时传递该类（假设您知道添加总计的时间）

函数输出值（值）{
输出值（值“”）；
}
函数outputValue（值，类）{
output.innerHTML+=“
”+”“+value+”；
}

要以最后一个span为目标并使用javascript添加类，您需要使用选择器，如

span:last child

，它在

输出中获取最后一个span，然后使用
classList.add（）


没有
addClass（）
，这是一个jQuery方法

output.querySelector('span:last-child').classList.add('total')

要以最后一个span为目标并使用javascript添加类，您需要使用选择器，如
span:last child
，它在
输出中获取最后一个span，然后使用
classList.add（）


没有
addClass（）
，这是一个jQuery方法

output.querySelector('span:last-child').classList.add('total')

什么是
输出
？这个span是
输出的最后一个子元素吗？
？我更改了post以反映它，但输出将进入到dive中。cart contentshow是否调用
outputValue
函数？什么是
输出
？这个span会是
输出的最后一个子元素吗？
？我更改了post以反映它，但输出将进入到dive中。cart contentshow是否调用
outputValue
函数？是的，我尝试使用最后一个类型选择器，如下所示。cart contents:最后一个类型{font-weight:bold；}，但它会改变所有内容……可能是因为它们是动态生成的？您需要指定跨度类型。现在您正在选择最后一种购物车类型。示例：是的，我尝试使用最后一个类型选择器，如下所示。购物车内容：最后一个类型{font-weight:bold；}，但它会更改所有内容…可能是因为它们是动态生成的？您需要指定跨度类型。现在您正在选择最后一种购物车类型。谢谢你，阿迪内奥。这对我很管用。我做了一个变体，但没有使用querySelector。@幸运的是500-请注意，还有许多其他方法可以获取最后一个跨度，例如
output.lastChild
或
output.lastElementChild
或
querySelector
中的任意数量的CSS 2.1选择器。谢谢Adeneo。这对我很管用。我做了一个变体，但没有使用querySelector。@Lucky500-请注意，还有许多其他方法可以获取最后一个跨度，例如
output.lastChild
或
output.lastElementChild
或
querySelector
中的任意数量的CSS 2.1选择器等。
output.querySelector('span:last-child').classList.add('total')