Siempre que el tag o elemento admita texto en este caso se puede utilizar el que desees ya que solo agrega texto.
La función se reutiliza para modificar varios elementos de tal manera que no requieras escribir una función para cada elemento, únicamente pasando el tipo de elemento y el texto sobre dicho elemento.
document.querySelector devuelve el primer elemento que le indiques, mientras que document.elementById devuelve el elemento al que le hayas asignado un Id, es decir que con querySelector solo devolverá el primero ya sea clase o tag si quieres seleccionar el segundo o tercero que coincida no es posible con querySelector, con elementById es ir directo al elemento que deseas manejar.
puedes consultar estos enlaces:
https://www.w3schools.com/jsref/met_document_queryselector.asp
https://www.w3schools.com/jsref/met_document_getelementbyid.asp