1
브라우저 간 스크립트를 작성하려고 할 때 이상한 문제가 발생했습니다. 기본적으로 내 헤더는 body 태그에 다음이크롬 : 동적으로 생성 된 <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>
버튼은 크롬에서 파이어 폭스에서 작동하지만,하지.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type='text/css'></script>
</head>
나는이 원인이 무엇인지에 궁금 : 나는 개발자 도구의 HTML DOM 요소에서 보았을 때, 스타일 태그는 다음과 같이 삽입하지만, 내용없는했다? 그리고 크로스 브라우저 방식으로 CSS 스타일을 만드는 방법은 무엇입니까? 감사!
신성한 moly ... 나는 20 분 동안 문제를 격리하고, 새로운 html 파일을 만들고, 테스트 한 다음, 코드를 작성하고, 그것을 실현하지 않고 게시한다고 생각했습니다. 나는 지금 그렇게 어리 석다. 하지만 지적 해 주셔서 고맙습니다. 나 소유. 나는이 질문을 끝내기로 결심했다. 아니면 그냥 삭제해야합니까? – Dan7
가끔은 코드를 신중하게 읽어야 만하는 다른 사람들을 보여줄 것입니다. :) – Kyle