Home > DeveloperSection > Forums > Printing element width in javascript
Tanuj Kumar

Total Post:134

Points:940
Posted on    October-07-2013 8:54 AM

 JavaScript JavaScript 
Ratings:


 1 Reply(s)
 1063  View(s)
Rate this:

I'm trying to retrieve an html element width in javascript. Nothing appears on screen

<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>


Pravesh Singh
Pravesh Singh

Total Post:101

Points:709
Posted on    October-08-2013 1:12 AM

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id=head></div>
<script type="text/javascript">
     $(function(){ // called when the DOM is ready
          var width = $("#menu").width();
          $('#head').html(width);
     });
</script>

Don't want to miss updates? Please click the below button!

Follow MindStick