Как выбрать html элементов, где содержится идентификатор

Question

Как мне go выбрать html элементов, в идентификаторе которых содержится заданная строка? запроситSelectorAll свершится sh это? Я знаю, что могу выбрать классы, идентификаторы, атрибуты и т. Д. c ... с querySelectorAll,

Просто не уверен, что правильный подход к тому, что мне нужно сделать

Вот код, который я хотел бы получить только те элементы, где идентификатор содержит Home

<div id="ContactContainer>
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerWorkAreaCode" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerWorkExchange" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="4" maxlength="4" id="txtCustomerWorkSuffix" placeholder="9999">


    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerHomeAreaCode" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerHomeExchange" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="4" maxlength="4" id="txtCustomerHomeSuffix" placeholder="9999">


    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerMobileAreaCode" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="1" maxlength="3" id="txtCustomerMobileExchange" placeholder="9999">
    <input class="form-control input-sm clear" is-required="false" validate-number="" minlength="4" maxlength="4" id="txtCustomerMobileSuffix" placeholder="9999">
</div>

Answer 1

Вы можете использовать групповые селекторы, как показано ниже, чтобы соответствовать частичному тегу атрибута, включая идентификатор.

document.querySelector('[id*="MobileAreaCode"]');

Если вы хотите, чтобы было возвращено более одного элемента, используйте querySelectorAll.

document.querySelectorAll('[id*="Mobile"]');