2013-10-07 3 views
1

자바 스크립트에서 html 요소 너비를 검색하려고합니다. 아무것도 화면에 나타납니다 (일반 텍스트가 작동하므로 구문에 문제가 있다고 생각합니다). 내가 도대체 ​​뭘 잘못하고있는 겁니까? 감사합니다.자바 스크립트에서 인쇄 요소 너비

<head> 
<script type="text/javascript"> 
    var width = $("#menu").width(); 
    document.write(width); 
</script> 
</head> 

<body> 
    <h1> Example </h1> 

<ul id = "menu"> 
    <li><img src="img/Logo.jpg"/></li> 
    <li><a href ="#">Home</a> 
     <ul class = "sub1"> 
      <li><a href ="#">News</a></li> 
     </ul> 
    </li> 
    <li><a href ="#">Machines</a> 
     <ul class = "sub1"> 
      <li><a href ="#">Type1</a></li> 
      <li><a href ="#">Type2</a></li> 
      <li><a href ="#">Type3</a></li> 
     </ul> 
    </li> 
    <li><a href ="#">Mission</a></li> 
    <li><a href ="#">Contacts</a></li> 
</ul> 

<div id "main"> 
    <h2> Whatever </h2> 
</div> 
</body> 

답변

0

요소가 아직없는 경우 너비를 계산하고 인쇄하고 있습니다.

이 작업을 수행 할 수 있습니다 : 당신이 본대로 폭에 head의 내용을 설정하는 것은 이해가되지 않기 때문에

<div id=head></div> 
<script type="text/javascript"> 
    $(function(){ // called when the DOM is ready 
      var width = $("#menu").width(); 
      $('#head').html(width); 
    }); 
</script> 

, 나는, head 대신 div을 사용했다. 당신은 페이지의 제목을 변경하려면, j08691에 의해 발견되었다

document.title = width; 

로를 사용하여, 당신은 jQuery를 사용하지만 당신은 그것을 가져하지 않는 것. 당신이 보여 코드가 실제 헤더 인 경우에, 당신은 당신의 head 요소에 이런 식으로 뭔가를 추가해야합니다

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
+0

이이 jQuery를가 있어야한다는 사실을 명심해야 할 수 있습니다. – j08691

+1

@ j08691 OP의 코드는 jQuery를 사용합니다. –

+1

@ j08691 OP가 이미 jQuery를 사용 중입니다 ... – thescientist

관련 문제