Javascript 如何更改HTML标记span中的文本?

Javascript 如何更改HTML标记span中的文本?,javascript,html,Javascript,Html,但它不起作用。为什么?我尝试过使用innerHTML吗?但它还不起作用…您正在将文本重新分配给文档.textContent,这不是您想要的 //获取要更改的元素的引用 text=document.querySelector(“.text”); //在该元素上设置事件处理程序 text.addEventListener(“单击”,changeText=()=>{ //更改该元素的.textContent: text.textContent=“NewText”; //在DOM元素事件处理程序中,还

但它不起作用。为什么?我尝试过使用innerHTML吗?但它还不起作用…

您正在将
文本重新分配给
文档.textContent
,这不是您想要的

//获取要更改的元素的引用
text=document.querySelector(“.text”);
//在该元素上设置事件处理程序
text.addEventListener(“单击”,changeText=()=>{
//更改该元素的.textContent:
text.textContent=“NewText”;
//在DOM元素事件处理程序中,还可以
//请参阅触发事件的元素
//使用“this”关键字,您还可以执行以下操作:
//this.textContent=“NewText”;
});

原始文本
您必须将
Text.textContent
而不是
document.textContent
设置为新值

text=document.querySelector(“.text”);
addEventListener(“单击”,函数(){
text.textContent=“NewText”;
});

Text
您正在尝试设置
document.textContent
而不是
Text.textContent
//I am trying change text after click on it in web page

text = document.querySelector(".text");
text.addEventListener("click", changeText=()=> {
 
    text = document.textContent = "NewText";

});