element.style？如何修改element.style样式
朋友们，element.style和如何修改element.style样式是当今热门话题，但是它们的内涵和影响力可能会让人感到困惑。在本篇文章中，我将为你们揭示它们的本质和重要性，希望能够为你们带来新的认识。
改变dom的style
首先：我们要纠正一个错误，相同id属性，一个页面最好只有一个。在你提供的代码中，出现了3个flashit是不正确的。相同的class属性是可以出现多个的。
其次：在for循环中，使用setInterval函数时，里面的变量 i不能放在双引号中，那样它会被识别为字符串的，需要用“+”连接符对变量进行连接。请参考下面的示例。
根据你的代码，我做了适当修改。
示例效果为，红蓝颜色替换，你可以根据实际需求做一些适当变更。代码如下：
HTML代码：
<formid="form1">
<textareacols="20"rows="8"name="flashit1"class="flashit"class="flashit"style="color:blue">闪烁的文字用来强调一些重要的文字
</textarea>
<br>
<inputtype="text"value="文本框也可以"name="flashit"class="flashit"style="color:blue">
<br>
<inputtype="submit"name="flashit1"class="flashit"style="color:blue">
</form>
JavaScript代码：
varflashelement=document.querySelectorAll("input,textarea");
for(i=0;i<flashelement.length;i++){
setInterval("changecolor("+i+")",1000);
}
functionchangecolor(which){
if(flashelement[which].style.color=="blue"){
flashelement[which].style.color="red";
}else{
flashelement[which].style.color="blue";
}
}
运行结果：
js中 document.getElementById().styl.display的问题
我的思路：
1.进入页面时，所有的"shops_"+id为标识的全部不显示，即sytle.display='none';
2.传入值时，显示相对应id的element，即将style.display='',并保存此id于页面里面一个隐藏的input里边
3．当下一次有值传入时，先看看那个隐藏的input中值，并将对应的那个id的style.display='none';
具体程序：
function init()//body的onload执行
{
for(var i=1;i<100;i++)//默认100个element，可调
document.getElementById('shops_'+i).style.displa='none';
}
function showFoodsMore(id)
{
var lastid=document.getElementById('lastid').value;
if(lastid)document.getElementById("shops_"+lastid).style.display='none';
else
{
var ctrl= document.getElementById("shops_"+id)
if(ctrl== null) return;
if(ctrl.style.display=="none")
{
ctrl.style.display="";
}
document.getElementById('lastid').value=id;
}
}
前提你的页面里需要设置一个<input type=hidden id=lastid>的元素
如何修改element.style样式
其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。哪么我们如何去修改它呢，在才源代码中用!important语法优先权来实现我们想要的效果。
举个例子：
默认情况下上面的图片透明是绿色，我们找不到element.style该怎么修改呢，这时候就可以在下面CSS样式表里面修改:
如上图，在css样式表里面加入一个opacity: 100! important;，可以看到的是最上面的opacity：0禁用，就是优先显示opacity：100。
如何批量修改element.style
相信很多朋友在修改主题css时遇到过一些问题，比如说出现这个elememt.style，这个有时候无法直接修改，因为找不到。因此可以通过css中的!important语法优先权来实现我们想要的效果。
举个例子：
默认情况下上面的背景颜色是绿色，我们找不到element.style该怎么修改呢，这时候就可以在下面CSS样式表里面修改:
如上图，在css样式表里面加入一个背景样式background:#FFFFFF! important，可以看到的是最上面的绿色被禁用，白色就是优先显示了。
非常感谢您的阅读！我们希望本文对于解决您关于element.style和如何修改element.style样式的问题提供了一些有价值的信息。如果您还有其他疑问，我们将很乐意为您提供进一步的帮助。