How to convert this jquery code into javascript DOM code?

Question

Hi everyone I was just wondering if anyone know how to convert this css/jquery code into javascript DOM code?

I started coding my entire code using javascript DOM for a project but then I found this code which will make the background image move upwards in an infinite loop.

I just need some help in figuring out how to convert the code since I know nothing about jquery.

    $(function(){
            var x = 0;
            setInterval(function(){
                $('body').css('background-position','0'+--x + 'px');
            }, 10);
    })

    html,body {    height: 100%; overflow: hidden;}
    body {
        background-image: url('http://lorempixel.com/1900/1200/');
        background-repeat: repeat-y;
        background-size: 100% 100%;
    }

html,body {    height: 100%; overflow: hidden;}
body {
    background-image: url('http://lorempixel.com/1900/1200/');
    background-repeat: repeat-y;
    background-size: 100% 100%;
}

$(function(){
        var x = 0;
        setInterval(function(){
            $('body').css('background-position','0'+--x + 'px');
        }, 10);
})

Ry- · Accepted Answer · 2017-03-30 03:45:13Z

1

$('body') selects the body element; .css(prop, value) sets the CSS property prop to value. With the plain DOM API, you can get the body using document.body and assign styles by assigning to properties on the element’s style, noting that hyphenated-names become camelCase.

var x = 0;

setInterval(function () {
    document.body.style.backgroundPosition = '0 ' + --x + 'px';
}, 10);

answered Mar 30, 2017 at 3:45

community wiki

Ry-

Sign up to request clarification or add additional context in comments.

1 Comment

Kaiido Over a year ago

If you want to avoid the camelisation, you can also do elem.style[prop] = ...

Collectives™ on Stack Overflow

How to convert this jquery code into javascript DOM code?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related