在JavaScript中如何改变innerHTML里的标签的属性？ 问题内容如下

Question

问如何改变innerHTML里的标签的属性
代码如下

<div id="div2">这是div2</div>

var oDiv2 = document.getElementById("div2");
oDiv2.innerHTML = "第二个是视频网站链接";
alert(oDiv2.innerHTML);

oDiv2.style.fontSize = "50px";
oDiv2.innerHTML = "<a href='https://www.bilibili.com'>哔哩哔哩</a>";

//问题在这：
//更改oDiv2.innerHTML里的a标签的color颜色属性失败，请问有方法可以改变innerHTML里的标签属性吗？
var sHtml = oDiv2.innerHTML;
sHtml.style.color = "pink"

更改前

更改后

Answer 1

直接加style设置颜色

oDiv2.innerHTML = "<a style="color:#f00" href='https://www.bilibili.com'>哔哩哔哩</a>";