Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m trying to convert the following jquery to javascript syntax, but being not familiar with either, I’m getting stuck
var div = $('<div style="width:50px;height:50px;overflow:hidden;position:absolute;top:-200px;left:-200px;"><div style="height:100px;"></div>');
// Append our div, do our calculation and then remove it
$('body').append(div);
var w1 = $('div', div).innerWidth();
div.css('overflow-y', 'scroll');
var w2 = $('div', div).innerWidth();
$(div).remove();
You can’t directly translate jQuery into native JavaScript because it’s pulling different tricks for all sorts of variables you couldn’t possibly account for (browsers, browser versions, OSes, etc).
You could attempt to do this but it’d be an incredible waste of your time. The top JavaScript pros are working on these frameworks to make JavaScript easier for you. Don’t undo all their hard work by trying to do it on your own…