У меня возникла странная проблема при попытке написать кросс-браузерный скрипт. В основном мой заголовок выглядит следующим образомХром: Динамически созданный <style> Тэг не имеет содержимого?
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
Затем в теге тела:
<p id="hey">Hey</p>
<input type="button" value="attachStyle" name="attachStyle" onclick="attachStyle();"></input>
<script>
function attachStyle() {
var strVar="";
strVar += "<style type='text\/css'>#hey {border:5px solid red;}<\/script>";
$("head").append(strVar);
}
</script>
кнопка работает в Firefox, но не в Chrome. Когда я смотрел на HTML DOM элементов в средстве разработки, тег стиль был вставлен, но без содержания, например:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type='text/css'></script>
</head>
Я интересно, что причины этого? И как создать стиль CSS таким образом, что это кросс-браузер? Благодаря!
Holy moly ... и думаю, что я потратил 20 минут, пытаясь изолировать проблему, создать новый html-файл, протестировать его, затем форматировать код и отправить, не понимая этого. Теперь я так глуп. Но спасибо за это. Мне принадлежит. =] Я голосовал, чтобы закрыть этот вопрос. Или я должен просто удалить его? – Dan7
Держите его, он покажет другим людям, которые ищут, что иногда вам просто нужно внимательно прочитать ваш код :) – Kyle