Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用innerHTML更改文本不透明度?_Javascript_Css_Element_Opacity_Innerhtml - Fatal编程技术网

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

Javascript 如何使用innerHTML更改文本不透明度?,javascript,css,element,opacity,innerhtml,Javascript,Css,Element,Opacity,Innerhtml,嗨,我只是想知道是否有一种方法可以改变不透明度的文本使用innerHTML几乎作为一个容器 var x = document.getElementById("myId"); x.innerHTML.style.opacity = .5; ???也许是那样的?我有一个想法,有一个不同的类,只是将该类添加到特定的HTML中,但我试图获取元素的HTML,将文本不透明度更改为较浅的阴影,将其从元素中删除,但保留在变量中,添加新的HTML,然后添加原始html,但我希望新html比原始html颜色更深,

嗨,我只是想知道是否有一种方法可以改变不透明度的文本使用innerHTML几乎作为一个容器

var x = document.getElementById("myId");
x.innerHTML.style.opacity = .5;
???也许是那样的?我有一个想法,有一个不同的类,只是将该类添加到特定的HTML中,但我试图获取元素的HTML,将文本不透明度更改为较浅的阴影,将其从元素中删除,但保留在变量中,添加新的HTML,然后添加原始html,但我希望新html比原始html颜色更深,因此我无法更改元素的不透明度,否则它将影响元素中的所有文本。如果有人有任何建议,我们将不胜感激。我试图只使用HTML、CSS和Javascript,所以如果我能帮上忙,我会尽量避免添加任何库。谢谢。

不远。。。就像这样:

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

可以使用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;
x=document.getElementById(“id”);
x、 innerHtml=“不重要文本重要”;
document.getElementById(“重要”).style.opacity=0.5;

你为什么要做这样的事??你能解释一下吗?这样我们就可以帮助你了。

你可以改变所有孩子的不透明度

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

for(var i = 0, length = childrens.length; i < length; i++) {
    childrens[i].style.opacity = 0.5;
}
var childrens=document.getElementById(“myId”).childrens;
for(变量i=0,长度=childrens.length;i
如果只希望字母透明,而不希望容器透明,则必须将
颜色设置为rgba值<例如,code>.myTransparentText{color:rgba(0,0,0,0.5)}
将使文本变为黑色,字母不透明度为50%。没有其他选择。既然您想更改元素的innerHtml,为什么不改为更改父元素的不透明度呢?好的,让我试试,看看我是否可以做些什么。如果你想了解我的意思,我不能这样做,因为我只想改变部分文字,而不是整个元素。几年后,我意识到这是一个简单的答案。对不起我的无知。我对javascript dom操作或者我正在做的事情没有很好的理解。我不能,因为我试图只更改部分文本,而不是整个元素。几年后,我意识到这是一个简单的答案。对不起我的无知。我只是没有很好地理解JavaScriptDOM操作或者我在做什么。我尝试了这个,在运行了一些跟踪程序之后,代码显示一切都是正确的,但是文本没有改变,所以我将不得不稍后再处理这个问题。谢谢你,我没想过要用孩子。