Javascript 如何找到动态创建的<；风格>；要素

我正在用javascript创建一个

元素，如下所示：

function createMyStyle(selector , rule) {
   j$("head").append('<style type="text/css">' + selector + '{' + rule + '}' + '</style>');
}

我创建这个

是一个整体，而不是使用纯DOM，因为IE不能对document.createElement（'style'）执行innerHTML

我试着给

一个

id

，然后做一些类似于

for( var i in document.styleSheets ) {
    if( !document.styleSheets[i].id) {

---

但这无法完成，因为它没有

id

属性。

尝试使用jQuery执行类似操作：

if($("style").length > 0){
  // this means you have a style  element in your document
}

给它一个id应该有用

$（'head'）。追加（'…'）；
log（$（'someid'））；

---

但是，如果您不知道，请在jQuery中添加和删除文档中的样式。

我在页面中有几十个元素，我无法找到我以前创建的元素。您给我的链接用于设置每个元素的样式。这不是我真正需要的。图像元素甚至还不存在。即使是这样，在每个元素上放置style属性，而不是为所有元素声明一个；请不要理会我回答的那一部分。问题的解决方案仍然是确保样式元素被分配了一个id，确保它被正确地添加到DOM中，然后通过id访问它。

if($("style").length > 0){
  // this means you have a style  element in your document
}

$('head').append('<style id="some-id"> ... </style>');

console.log($('#some-id'));