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

Question

Hi i was just wondering if there was a way to change the opacity of text using innerHTML almost as a container...

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

??? maybe something like that? I had an idea to have a different class and just add that class to specific HTML but im trying to grab the html of an element, change the text opacity to a lighter shade, delete it from the element but keep it in a variable, add in new html, and then add the original html but i want the new html to be darker than the original so i cant change the opacity of the element otherwise it will effect all the text in the element. If anyone has any suggestions it would be greatly appreciated. I am trying to use only HTML, CSS, and Javascript so im trying to avoid any added libraries if i can help it. thank you.

Answer 1

You could changes the opacity of all childrens

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

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

Answer 2

No far ... like that :

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

Answer 3

you can use x.style.opacity = 0.5

update : since you need to change only one part of the text ,, you should do something like this

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

Why do you want to do something like this?? can you explain more ,, So we can help you ?