JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product-options" id="product-options-wrapper">

    <dl class="last">

        <dt><label>Backing</label></dt>
        <dd>
            <div class="input-box">
                <ul id="options-2074-list" class="options-list">
                    <li>
                        <input type="radio" id="options_2074" class="radio product-custom-option" name="options[2074]">
                        <span class="label">
                            <label for="options_2074">None</label>
                        </span>
                    </li>
                        <li>
                        <input type="radio" id="options_2075" class="radio product-custom-option" name="options[2075]">
                        <span class="label">
                            <label for="options_2075">None</label>
                        </span>
                    </li>
                </ul>
            </div>
        </dd>

    </dl>


</div>

JavaScript

var alreadyFound=false;
    [].forEach.call(document.getElementsByTagName('label'),function(curElt){
        if(!alreadyFound&&curElt.getAttribute('for') && curElt.getAttribute('for').indexOf('options_') === 0 && curElt.textContent === 'None'){
            alreadyFound=true;
            curElt.textContent='Black';
            var newSpan=document.createElement('span');
            newSpan.setAttribute('id','backingBlackTooltip');
            var newImg=new Image();
            newImg.setAttribute('src','https://www.neonandmore.com/tooltips/question_mark.png');
            newSpan.appendChild(newImg);
            curElt.parentNode.appendChild(newSpan);
        }
    });