一个js的问题，没办法用js改变div的top值，提示Cannot set property 'top' of undefined

Question

   样式：         <div class="hom-foot">                <div class="hom-foot-txt">                    <p>1</p>                    <p>2</p>                    <p>3</p>                    <p>4</p>                    <p>5</p>                    <p>6</p>                    <p>7</p>                    <p>8</p>                    <p>9</p>                    <p>0</p>                    <p>1</p>                    <p>2</p>                    <p>3</p>                    <p>4</p>                    <p>5</p>                    <p>6</p>                    <p>7</p>                    <p>8</p>                    <p>9</p>                    <p>0</p>                </div>            </div>.hom-foot{    height: 375px;    width: 100%;    background: #444;    color: #fff;    font-size: 27px;    line-height: 40px;    overflow: hidden;    position: relative;}.hom-foot-txt{    height: 750px;    width: 100%;    background: red;    font-size: 24px;    line-height: 34px;    position: absolute;    top: 0px;    left: 0px;}js：    var footTxt=$(".hom-foot-txt");    var foot=$(".hom-foot");    var txtHeight=-34;    footTxt.style.top = txtHeight + 'px';    console.log("txtHeight")

Answer 1

var footTxt=$(".hom-foot-txt");
    var foot=$(".hom-foot");
    var txtHeight=-34;
    footTxt.css("top",txtHeight + 'px');
    console.log(txtHeight);

js这样写。望采纳