Printing element width in javascript

Total Post:134

Points:940
 1771  View(s)
Ratings:
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>



  1. Post:101

    Points:709
    Re: Printing element width in javascript

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

      Modified On Apr-03-2018 04:19:29 AM

Answer