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

Question

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

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

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

Answer 1

您可以更改所有孩子的不透明度

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

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

Answer 2

不远...像这样：

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

Answer 3

您可以使用x.style.opacity = 0.5

更新：由于您只需要更改文本的一部分，因此您应该执行以下操作

x= document.getElementById("id");
x.innerHtml = "not important text <div id='important'>Important</div>";
document.getElementById("important").style.opacity = 0.5;

你为什么要做这样的事情？ 您能否解释更多，，那么我们可以为您提供帮助吗？