javascript - 在 JavaScript 中赋值

Question

我在单击按钮时从文本区域获取用户输入数据。如果用户在textarea中放置一些超链接代码，该函数会自动识别并添加rel=nofollow。现在我需要再次在文本区域内分配这些新的超链接代码并替换旧的。

我能够添加 rel=nofollow 并能够提醒它

function naming() {
  var rel_attribute = document.getElementById('textareaCode').value;
  var dom = new DOMParser().parseFromString(rel_attribute, 'text/html');
  [...dom.getElementsByTagName('a')].forEach((a) => {
    a.setAttribute('rel', 'nofollow');
    alert(a.outerHTML);
  });
}

<textarea id="textareaCode"></textarea>
<a href="#" onclick="naming()">Execute Function</a>

Answer 1

使用replace()

function naming() {
  var textarea = document.getElementById('textareaCode');
  var rel_attribute = document.getElementById('textareaCode').value;
  var dom = new DOMParser().parseFromString(rel_attribute, 'text/html');
  [...dom.getElementsByTagName('a')].forEach((a) => {
    let original = a.outerHTML
    a.setAttribute('rel', 'nofollow');
    textarea.value = textarea.value.replace(original, a.outerHTML)
  });
}

<textarea id="textareaCode" cols=70 rows=5>
<a href="#" onclick="naming()">Execute Function</a>
</textarea>
<br/>
<a href="#" onclick="naming()">Execute Function</a>