Как редактировать строку HTML-страницы с помощью Google Chrome DevTools

Question

У меня есть веб-сайт, который я так часто использую для работы, на странице есть что-то, что действительно беспокоит меня, и я отнимаю у меня много времени, делая это, как обычный пользователь, поэтому я нашел решение, изменив HTML с помощью Chromedevtools, но проблема в том, что HTML очень большой и занимает много времени, меняя только одну строку вручную.

Вот часть кода:

<tr id="appl_tr" height="30">
    <td valign="middle" class="styleBlack" width="34%" style="padding-left:10px;">
     Birthdate : <span style="color:#F00">*</span> 
    </td>
    <td width="66%" align="left" valign="middle">
         <input type="text" name="dateOfBirth" class="form-control-input" id="dateOfBirth" value="" readonly="" >
    </td>
</tr>

Я хочутолько используя консоль Chrome, чтобы удалить только эту вещь readonly = "" в шестой строке, поэтому она будет выглядеть так:

<input type="text" name="dateOfBirth" class="form-control-input" id="dateOfBirth" value="" >

Answer 1

Почему бы просто не использовать JavaScript в консоли?

document.querySelector('#dateOfBirth').removeAttribute('readonly')