使css工作表应用于javascript中的“页面加载后”html元素答案

【问题标题】：make css sheet apply over a "after page loaded" html element in javascript使css工作表应用于javascript中的“页面加载后”html元素
【发布时间】：2015-07-20 15:55:07
【问题描述】：

我的页面中有一个 div，当鼠标悬停在页面的特定区域（如工具提示）上时，我使用 javscript 创建该 div。问题是我的 css 表对我创建的这个 div 没有影响，我还设置了它的 id。有没有办法让我的 css 表应用到那个 div 上？谢谢.. 代码：

// mouseover event calls:
function showMyToolTip(mouseXPosition, mouseYposition){ 
  // if mosue over object loacated at objLocationX, objLocationY
  if (mouseXPosition == objLocationX&& mouseYPosition == objLocationY){
     var div = document.createElement("div");
     div.setAttribute("id", "divMouseOverObj"); 
     document.appendChild(div);
  }
}

css 表： div#divMouseOverObj{ 宽度：100px；颜色：绿色； }

【问题讨论】：

如果只使用 id 会怎样？ #divMouseOverObj { ... }
我不确定，但也许您可以使用代码创建一个函数来加载样式表，并在窗口加载后立即调用该函数（将以下行添加到脚本的末尾头元素内的标签）：window.addEventListener( "load", functionName, false );)
GolezTrol，您的建议有效。删除了 sytesheet 中的 div：div#divMouseOverObj !!!谢谢你们俩

标签： javascript html css dynamic

【解决方案1】：

GolezTrol 提出的问题为我解决了这个问题。谢谢 CSS表的变化： divMouseOverObj{ 宽度：100px；颜色：绿色； }

【讨论】：