Javascript 将类内容更改为href 测验 测验

Javascript 将类内容更改为href 测验 测验,javascript,html,Javascript,Html,我想在函数内的javascript中将“text2”更改为a href,如下所示: <div class="container"> <span class="text1">test</span> <span class="text2">test</span> </div> var x=document.getElementsByClassName(

我想在函数内的javascript中将“text2”更改为a href,如下所示:

<div class="container">
    <span class="text1">test</span>
    <span class="text2">test</span>
</div>
var x=document.getElementsByClassName(“text2”);//找到元素
x、 innerHTML=”“;//更改内容
因此,“text2”的内容变为一个名为“test”的超链接,它指https://test.com“

您可以这样做:

var element=document.querySelector(“.text2”);//查找类为text2的第一个元素
element.innerHTML=”“;//将包含所有HTML元素的内容更改为“character

测验
测验

不太确定您需要哪种方法。因此,以下两种方法都是:

HTML

测验
测验
方法A-替换目标的内部html
document.querySelector(“.text2”).innerHTML=”“;
方法B-用锚更换跨度
var target=document.querySelector(“.text2”);
如果(目标){
var anchor=document.createElement(“a”);
anchor.setAttribute(“href”https://www.test.com");
anchor.innerHTML=target.innerHTML;
目标。替换为(锚定);
}

因此,为了澄清,您想删除
test
元素,并用一个新元素替换它:
?您上面的代码在
span
中添加了一个
标记。这是您不想要的吗?替换像这样的引号
x[i]。innerHTML=”";
并确保
i
有一个值。什么是
i
????您有嵌套的引号。@zOwN有一个明显的语法错误。这不是“工作得很好”。
var x=document.getElementsByClassName("text2");  // Find the elements
x.innerHTML="<a href='https://test.com'>test</a>";    // Change the content