Javascript dynamically removing duplicate innerHTMLs

Question

In the code below, I have two <span> elements created using the document.createElement('span'). I have set both <span>'s innerHTML to be identical. My question is it possible to remove duplicate innerHTML values?

    spanContainer = [];
    spanContainer[0] = document.createElement('span');
    spanContainer[0].innerHTML = 'text';

    spanContainer[1] = document.createElement('span');
    spanContainer[1].innerHTML = 'text';
  

How can I dynamically remove duplicate innerHTML values?

Answer 1

const spanContainer = [];
const arrayStr = []
function Unic(str){
  if(arrayStr.indexOf(str)== -1){
    arrayStr.push(str)
    spanContainer[0] = document.createElement('span');
    spanContainer[0].innerHTML = str;
  }
  }