html页面通过js的class给页面添加元素

1、页面如下所示

<div class='left_content'>
</div>

2、通过document.querySelector()给页面赋值

document.querySelector('.left_content').innerHTML='<span style="color:red">测试</span>'

注：这种情况只适用于页面中只有一个left_content的情况，如果一个页面中出现了2个以上class为left_content的情况，通过querySelector会赋值到最后一个class所在元素

3、通过document.getElementsByClassName()给页面赋值

如果页面存在多个div的class一样，可以使用以下方法通过下标指定要赋值的元素

const elements =  document.getElementsByClassName('left_content')
elements[1].innerHTML='<span style="color:red">测试</span>'