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;

你为什么要这样做？你可以解释一下吗，我们可以帮你吗？

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

3 个答案: