JS怎么更换img中src路径

JavaScript010

JS怎么更换img中src路径,第1张

通过找到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>

在你的jsp或者html文件中,如果涉及到引用其他资源文件时,用的路径,如果是直接写成你样例这种,就是绝对路径,比如<script src="browser/main/a.js" />如果带有./或者../的,就是相对路径,比如<script src="../111.js" />就是要引用当前这个文件上级目录的111.js文件。建议在一个工程中,需要引用的资源目录,尽量使用绝对路径,只要你不加.和/,就是工程主目录下的绝对路径,有利于整体规划。一旦你用了相对路径,别人在看你代码的时候,需要一层一层的去找,而且也不利于代码的复制,一旦复制到别的地方,层次与你现在的不一样,还得修改层次,增加.和/。

可以通过在 HTML 页面的 head 标签中添加 <script>标签来引入后台传递的 JavaScript 路径,具体格式如下:<script src="[JavaScript路径]"></script>,其中 [JavaScript路径] 为你要添加的 JavaScript 脚本路径。