Как заменить теги через JavaScript

Сам скрипт по замене я написал, он работает, но проблема насчет внедрения этого скрипта

var t = document.getElementsByTagName('input')[0];
var a = document.createElement('textarea');
d.innerHTML = e.innerHTML;
t.parentNode.insertBefore(a, t);
t.parentNode.removeChild(t);

Имеется один документ, куда ссылаются данные из других документов (Доступа к контроллерам у меня нет, доступно только поверхностное редактирование) По стандарту все объекты идут в один файл под названием TextBoxTemplate, у каждого поля есть своя айдишка, но все идут по одной линии и выводятся с тегом input, а мне надо, что бы конкретный id (INF_NOTE), имел тег textarea

Вот файл, это то куда ссылаются все айдишки, и все они идут по шаблону TextBoxTemplate, а мне надо что бы конкретная айдишка шла по TextAreaTemplate

<script type="text/html" id="TextBoxTemplate">
<!-- ko template: { name: 'LabelTemplate' } -->
<!-- /ko -->
<div class="fiori3-input-group">
    <input type="text" data-bind="value: userInput, incrementalTabIndex, enable: isEnabled, css:{'error':!isValid() || hasConflict()}, attr: { id: name(), 'aria-label': name() }" class="form-control" />
</div>
<!-- ko template: { name: 'AttributeQuantityTemplate' } -->
<!-- /ko -->
</script>
<script type="text/html" id="TextAreaTemplate">
<!-- ko template: { name: 'LabelTemplate' } -->
<!-- /ko -->
<div class="fiori3-input-group">
    <textarea type="text" data-bind="value: userInput, incrementalTabIndex, enable: isEnabled, css:{'error':!isValid() || hasConflict()}, attr: { id: name(), 'aria-label': name() }" class="form-control" />
</div>
<!-- ko template: { name: 'AttributeQuantityTemplate' } -->
<!-- /ko -->
</script>

Вот документ, где надо написать скрипт, который будет направлять информацию на рендер (Импорт идет сюда div data-bind... )

<div class="attributes fiori3-attributes flex">
<div class="col-md-12" style="display: none" data-bind="visible : attributes().length === 0">
    <div class="alert fiori3-alert-info"><span class="sap-icon-extended">&#xf200;</span> @Translation.GetJS("Configurator.NoAttributesOnTab")</div>
</div>

<!-- ko template: { name: 'ConfigurationImportTemplate' } -->
<!-- /ko -->

<!-- ko foreach: attributes -->

<div data-bind="attr: { 'class': isWholeRow() ? 'col-xs-12 ' : 'col-xl-3 col-md-4 col-sm-6 col-xs-12', id: id }, css: { 'fiori3-configuration-container-wrapper': isWholeRow() && dataType() === 'Container', 'full-width-attribute': isWholeRow() && dataType() !== 'Container' }">
    <!-- ko template: { name: $root.getAttributeTemplate } -->
    <!-- /ko -->
</div>

<!-- /ko -->
</div>

Если надо больше информации, спрашивайте!