日期:2014-05-16  浏览次数:20555 次

如何修改没有id的div的样式
这段代码是某个控件生成的,我无法改动,由于控件生成的样式不符合我网站的色调。想修改这个样式。
但不知道该如何找到这个div。
JScript code

var showMsg = function(){
  var tNode = document.createElement('div');
  document.body.insertBefore(tNode, document.body.childNodes[0]);
  tNode.innerHTML = 'You have a message!<br>'; 
  tNode.style.cssText = "padding:2px;position:absolute;z-index:100000;color:black;background-color:white;";
};
if(window.addEventListener)
    window.addEventListener("load", showMsg, true);
else
    window.attachEvent("onload", showMsg);


请帮帮忙,谢谢~

------解决方案--------------------
var showMsg = function(){
var tNode = document.createElement('div');
document.body.insertBefore(tNode, document.body.childNodes[0]);
tNode.innerHTML = 'You have a message!<br>'; 
tNode.style.cssText = "padding:2px;position:absolute;z-index:100000;color:black;background-color:white;";};
if(window.addEventListener)
window.addEventListener("load", showMsg, true);
else
window.attachEvent("onload", showMsg);

------解决方案--------------------
tNode.style.cssText = "这里写你想要的css样式";


------解决方案--------------------
具体点,HTML代码呢?
------解决方案--------------------
请看这一句

document.body.insertBefore(tNode, document.body.childNodes[0]);

用js这样改

document.body.getElementById("div").style.x = "";
------解决方案--------------------
如果页面没有其他变化的话
document.body.childNodes[0] 这个就是你那个代码 建立的div

document.body.childNodes[0].cssText = '你的内联样式'

document.body.childNodes[0].className = '你定义的其他样式名称'

------解决方案--------------------