如何更改动态生成的DIV id的CSS?

时间:2014-01-25 17:02:00

标签: javascript php jquery html

我有一个包含加载器gif图片的DIV:

...一些PHP代码来获取$ pdId

... while循环生成动态li的

 echo'<li><div class="loadme" id="'.$pdId.'"><img id="qtyloading" src="../../images/loading_6.gif" width="160" height="160"/></div>


 .... some other codes

 </li>';

..... while循环结束

有一个textarea标签将调用外部js函数onBlur

  .... some codes here
  echo '<textarea  rows="3" cols="30" id="<separator>'.$ud.'<separator>'.$olue.'<separator>'.$pdId.'<separator>" onBlur="yorDesc(this.id,this.value)" >'.$deomer.'</textarea><br />';

这是外部的js文件

    ... some codes to get the id 
alert (gid);
document.getElementById("'+gid+'").style.display = "block";

gid var是loadme div的ID,正如您所看到的那样,我正在警告它并显示正在解析的正确ID,当然您已经注意到loadme div是使用不同的ID动态生成的。我想我可以使用上面提到的javascript代码访问每个单独的加载器DIV,但我不是。

你可以帮我找出原因吗?问我上述代码或描述的任何部分是否不清楚,我将对其进行编辑。

赞赏。

2 个答案:

答案 0 :(得分:1)

document.getElementById(gid.toString()).style.display = "block";

这样可以解决问题。或者如果您愿意,可以使用(''+gid+'')。你几乎拥有它,只是混合了太多不同的引号。

答案 1 :(得分:0)

如果是id,那么你可以很好地使用like.works。

document.getElementById(gid).style.backgroundColor="red";

在您的情况下,不必担心通过PHP动态创建div。

Fiddle Demo