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

问如何改变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"

更改前

img

更改后

img

直接加style设置颜色

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



var sHtml = oDiv2.getElementsByTagName('a');
        sHtml[0].style.color = "pink"

a标签有默认样式 你需要自己去覆盖a标签的属性 所以你要修改a标签的属性 不是它父标签的属性