javascript - 如何使用 innerHTML 更改文本不透明度？

Question

您好，我只是想知道是否有一种方法可以几乎将 innerHTML 作为容器来更改文本的不透明度...

var x = document.getElementById("myId");
x.innerHTML.style.opacity = .5;

？？？也许是这样的？我有一个想法，有一个不同的类，只是将该类添加到特定的 HTML，但我试图获取元素的 html，将文本不透明度更改为较浅的阴影，将其从元素中删除，但将其保存在变量中，添加在新的 html 中，然后添加原始 html，但我希望新 html 比原始 html 更暗，所以我不能更改元素的不透明度，否则它会影响元素中的所有文本。如果有人有任何建议，将不胜感激。我试图只使用 HTML、CSS 和 Javascript，所以我尽量避免添加任何库，如果我能帮忙的话。谢谢。

Answer 1

你可以改变所有 child 的不透明度

var childrens = document.getElementById("myId").children;

for(var i = 0, length = childrens.length; i < length; i++) {
    childrens[i].style.opacity = 0.5;
}