Advertise with us

Printing element width in javascript

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>



Last updated:10/8/2013 1:12:40 AM

1 Answers

Pravesh Singh
Pravesh Singh

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

Last updated:10/8/2013 1:12:40 AM

Answer