Как изменить непрозрачность текста с помощью 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;

Почему вы хотите сделать что-то подобное?? Можете ли вы объяснить больше, так что мы можем вам помочь?