JSFiddle - React, Tailwind, and code Playground

by dorathoto

HTML

<div id="div_1Envolvido">
<button type="button" onclick="removeEnvolvidos('div_1Envolvido')" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
    <div class="form-horizontal">
        <fieldset>

            <legend class="teste">Envolvidos </legend>
        
        </fieldset>
    </div>
       </div>
       <div id="div_2Envolvido">
<button type="button" onclick="removeEnvolvidos('div_1Envolvido')" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
    <div class="form-horizontal">
        <fieldset>

              <legend class="teste">Envolvidos </legend>
        
        </fieldset>
    </div>
       </div>
       <hr>
       <input type="button" id="AlterarLegend" value="Alterar Legend">

JavaScript

$( "#AlterarLegend" ).click(function() {
	var list = document.getElementsByClassName("teste")[0];
	list.getElementsByClassName("teste")[0].innerHTML = "Milk";
});