使用GTM更改文本

Question

我不能直接从源代码更改表单，但我需要更改一些东西，当这在一个网页上结帐时加载:

<form data-v-ab49818c="" action="" class="w-full md:w-auto"><div data-v-312d7461="" data-v-ab49818c="" class="yogo-input-field text-center"><div data-v-312d7461="" class="flex flex-col"><label data-v-312d7461="" for="input-field-159998664"> Rabatkode/gavekort <!----></label><div data-v-312d7461="" class="input-container"><!----><!----><!----><input data-v-312d7461="" id="input-field-159998664" class="order-last" control-id="ControlID-3"><!----></div><!----></div></div><button data-v-ab49818c="" type="button" class="btn btn-primary w-full mb-6" control-id="ControlID-4"> Anvend rabatkode </button></form>

我需要更改/删除"rabatkode"(折扣码)从标签和按钮。

我认为这将为btn工作，我想从" anvenend rabatkode">

if(document.getElementsByClassName('btn btn-primary w-full mb-6')){
var elems = document.getElementsByClassName('btn btn-primary w-full mb-6');
for(var k = 0;k < elems.length;k++){
var text = elems[k].innerText;
if(text.indexOf('Anvend rabatkode') != -1){
text.replace('Anvend rabatkode','Brug gavekort');
elems[k].innerText = text;
}
}
} 

但是我到底该如何处理label-element呢?

我还没有能够测试这个，因为GTM代码还没有安装在客户端。

Answer 1

你可以试试，知道吗?

这是一个片段，它有你的目标标记和一种简化的方法(使用querySelectorAll)来定位这两个元素并编辑它们。

Array.from(document.querySelectorAll(".btn.btn-primary.w-full.mb-6")).forEach(function(el) {
if (el.innerText.includes("Anvend rabatkode")) el.innerText = el.innerText.replace('Anvend rabatkode', 'Brug gavekort');
});
Array.from(document.querySelectorAll(".flex.flex-col>label")).forEach(function(el) {
if (el.innerText.includes("Rabatkode/gavekort")) el.innerText = el.innerText.replace('Rabatkode/gavekort', 'Rabbit code');
});

<form data-v-ab49818c="" action="" class="w-full md:w-auto">
<div data-v-312d7461="" data-v-ab49818c="" class="yogo-input-field text-center">
<div data-v-312d7461="" class="flex flex-col">
<label data-v-312d7461="" for="input-field-159998664"> Rabatkode/gavekort <!----></label>
<div data-v-312d7461="" class="input-container">
<!---->
<!---->
<!----><input data-v-312d7461="" id="input-field-159998664" class="order-last" control-id="ControlID-3">
<!---->
</div>
<!---->
</div>
</div>
<button data-v-ab49818c="" type="button" class="btn btn-primary w-full mb-6" control-id="ControlID-4"> Anvend rabatkode </button>
</form>