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

Question

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

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

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

Answer 1

不远...那样:

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

Answer 2

你可以使用 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;

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

Answer 3

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

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

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

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

How to change text opacity using innerHTML?

javascript

css

element

innerhtml

opacity