jQuery 中 scrollTop;原生的js怎么写

JavaScript017

jQuery 中 scrollTop;原生的js怎么写,第1张

你好,我先需要明确一下你是要问jQuery中scrollTop获取滚动条距顶端的距离,还是要使用scrollTop来设置滚动条距顶端的距离,或者说需要二者兼备。

1、如果是获取,原生js实现很容易:

var div = document.getElementById('wgt-ask'),

    scrollTop = div.scrollTop

console.log(scrollTop) // 100

前提是div已经具备滚动条,不然使用为0

2、如果是设置,原生js也很简单:

var div = document.getElementById('wgt-ask')

div.scrollTop = 100

依然前提是div已经具备滚动条,否则设置无效

3、如果是二者兼备,这里就要简单的封装一下了:

function scrollTop(obj, len){

    if (typeof len === 'undefined') {

        return obj.scrollTop

    } else {

        obj.scrollTop = len

    }

}

var div = document.getElementById("wgt-user")

scrollTop(div, 100) // 设置

var st = scrollTop(div) // 100 获取

希望是你想要的结果,如有疑问欢迎追问,望采纳~

通过找到img这个元素,然后再找到这个元素里的src属性,就可以查看,更改这个属性了

1)原生js

元素.setAttribute() //增加,更改属性,有两个参数,第一个参数是属性名,第二个是值.

元素.getAttribute() //传入属性名,获得该属性对应的值

2)Jquery(需要导包)

元素.attr()//可传两个参数,传一个为获取该属性的值,传两个位增加 或 更改这个属性.

举个例子:

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

</head>

<body>

<img src="6.jpg">

<script src="jquery-2.1.1.min.js"></script>

<script>

    //原生js

    document.getElementsByTagName('img')[0].setAttribute('name','myimg')//没'name'属性,添加'name'属性,值为'myimg'

    document.getElementsByTagName('img')[0].setAttribute('src','7.jpg')//以有'src'属性,更改值为'7.jpg',达到换图片的目的

    document.getElementsByTagName('img')[0].getAttribute('src')//返回'src'的值,'7.jpg'

    //Jquery

    $('img').attr('src','6.jpg')//把src属性更改为'6.jpg'

    $('img').attr('src')//获得src属性为'6.jpg'

</script>

</body>

</html>