如何在JavaScript中的DOM創建元素上設置css“：hover”？

Question

我正在使用DOM來管理我正在運行的AJAX函數的JSON響應。 我正在編寫的腳本需要完全可移植，因此我正在為動態創建元素定義樣式（意思是，沒有鏈接到外部CSS，也沒有在HTML文檔本身提供CSS，因為我不會控制文件）。

我想在一些元素上創建一個懸停效果。

例：

#myDiv:hover { background:#000000; }

有沒有辦法在DOM中定義它？ 或者我必須使用mouseover ？

Answer 1

您可以動態創建和操作樣式表。 請參閱此處了解此方法的一些跨瀏覽器問題。

我有一個包裝函數，它圍繞着其中一些工作; 使用它，代碼會讀取

document.createStyleSheet().addRule('#myDiv:hover', 'background:#000000;');

Answer 2

你可以用預定義的類創建元素：

.h:hover{color: #c00}

var elem = document.createElement('div');
elem.className = 'h'