如何为动态创建的段落内锚点元素设置href属性？

你之前的代码失效原因很明确：getElementsByTagName("a")返回的是HTMLCollection（元素集合），这是一个类数组对象，不是单个<a>元素，直接给集合设置href属性是无效的，必须操作集合内的具体元素。

下面提供几种可行的实现方式：

方式一：创建元素时直接设置href（最简便） #

既然你是通过innerHTML生成<a>标签，完全可以直接在HTML字符串里写好href属性，一步到位：

var newa= document.createElement('p'); 
newa.innerHTML = "<span>Or</span> <a href='/newa'>make your renewal payment</a>";

方式二：后续通过集合获取单个元素设置href #

如果必须在创建后再修改href，可以从返回的集合中取出目标<a>元素（你的场景里只有一个，取索引0即可）：

var linkdiv = document.querySelector(".renewnow"); /*parent div*/
const linkCollection = linkdiv.getElementsByTagName("a");
// 先判断集合里有元素，避免报错
if (linkCollection.length > 0) {
  linkCollection[0].href = "/newa";
}

方式三：用querySelector直接定位单个a标签（更简洁） #

相比getElementsByTagName，用querySelector可以直接选中目标<a>元素，无需处理集合：

var linkdiv = document.querySelector(".renewnow");
const targetLink = linkdiv.querySelector("a");
if (targetLink) {
  targetLink.href = "/newa";
}

内容的提问来源于stack exchange，提问作者user19276748