Javascript 如何同时更改href和innertext?

Javascript 如何同时更改href和innertext?,javascript,html,Javascript,Html,所以我在做这个任务,我应该在这里替换这个类 主播的目标地址(href属性)和带有主页的标记内的文本 联系人的地址。 我的html代码 clonedNode.querySelector('a[href=“#”]”).setAttribute('href',inputHomepage.value) clonedNode.querySelector(“.homepage”).innerHTML=inputHomepage.value }) 我认为问题在于这两行: clonedNode.querySe

所以我在做这个任务,我应该在这里替换这个类 主播的目标地址(href属性)和带有主页的标记内的文本 联系人的地址。 我的html代码

clonedNode.querySelector('a[href=“#”]”).setAttribute('href',inputHomepage.value)
clonedNode.querySelector(“.homepage”).innerHTML=inputHomepage.value
})

我认为问题在于这两行:

clonedNode.querySelector('a[href="#"]').setAttribute('href', inputHomepage.value)
clonedNode.querySelector(".homepage").innerHTML = inputHomepage.value

在第一行中,您设置了锚href值,这是正确的,但在下一行中,您将使用inputHomepage.value覆盖
.homepage
,首先更改内部html,然后设置href

var inp=document.getElementsByTagName(“输入”);
var form=document.getElementById(“表单”);
表单。addEventListener(“提交”,函数(事件){
event.preventDefault();
var node=document.getElementById('contact-template')
var clonedNode=node.content.cloneNode(true)
var inputName=document.querySelector(“输入名称”)
var inputEmail=document.querySelector(“输入电子邮件”)
var inputHomepage=document.querySelector(“输入主页”)
clonedNode.querySelector(“h2”).innerHTML=inputName.value
clonedNode.querySelector(“.email”).innerHTML=inputEmail.value
clonedNode.querySelector('.homepage a')。innerHTML=inputHomepage.value
clonedNode.querySelector('a[href=“#”]”).setAttribute('href',inputHomepage.value)
document.getElementById('contacts').appendChild(clonedNode)
})

第1轮:任务1
第1轮:任务1
拯救
  • 第一
  • 第二
    • 一些文本

      名称

      email@example.com


我知道,但是href和内部文本都应该更改。