js获取html里面的img，js获取html属性值的方法

如何用JS控制html的img标签

1、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

2、也可以动态添加一层层的诸如 div、li、img 这样的标签。其实，不管是什么 html 标签，js 动态创建的方法都差不多，接着就先从动态添加 div 开始。

3、js函数，直接修改img标签的src属性就可以了，指向你要的图片的url。

4、img标签的使用：通过img标签的src属性显示获取到的图像，img标签的height和width属性设置图像的大小、当图像无法显示时，使用alt属性来显示替代文本。

5、img src=XXXXXX alt=上海鲜花港 / 本身就是单标签 . /表示闭合有没有无所谓的，用JS获取到的 是（.html()）img src=XXXXXX alt=上海鲜花港 是没有“/”的。

6、js：根据循环切换条件可以用document.getElementById().src=设置，或者juqery：(#id).attr(src，图片名称)。河婆中学IMG CREW，揭西元老级舞团，创立于2005年，为揭西最早学习街舞与街头文化的组织之一。

相关问答

Q1: 单击图片,在js里获取图片的地址,并在文本框中显示

1、javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：先要明确自己的相对位置在哪，这个是需要人为指定的。

2、最好用插件，去layer官网有专门的点击图片，弹出浏览还支持多个图片。先去官网下载layer包，你的网页引用layer的js文件。

3、在upImg()函数的最后一行加上：upImg()；就是再调用一次自己。否则，你新添加的html中的事情是监听不到的。

4、如何通过js获取网页中的所有图片并加入点击事件实现 加载网页时，获取图片并添加点击通过js的识别方法。

5、如果是在新窗口看的话，不用JS，直接A标签加上图片地址就好了。如果是需要这种效果的话，可以制作隐藏层，点击图片的时候显示出来。

Q2: JS如何获取页面内所有的img标签元素?

新建一个web项目 然后新建js文件和html文件 这是使用的是jquery 所以要引入jquery库。定义了一个p标签 我们接下来将在p标签中添加div。

JS了，获取到了，剩下的就看你要怎么用了。

(img).each(function(){\x0d\x0a alert($(this).attr(src))；\x0d\x0a })；\x0d\x0a直接用img标记就可以了。取得img的属性的值就用attr方法。

如何实现点击图片跳转页面？新建一个html文件，命名为test.html。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

这样一来您只需指定一个下标，那么就可以读写数组当中的元素了。甚至可以用for循环来遍历这个数组，很方便。listImg[0]是第一个img listImg[1]是第二个img listImg[2]是第三个img……以此类推。

Q3: jquery怎么获取img的src?

在test.html文件内，创建一个p模块，在p内，使用img标签创建一张图片，图片地址为images文件夹下面的jpg图片。在test.html文件内，设置img标签的id属性，下面将通过此id来绑定点击事件，例如，设置img标签的id属性为myimg。

(img).each(function(){\x0d\x0a alert($(this).attr(src))；\x0d\x0a })；\x0d\x0a直接用img标记就可以了。取得img的属性的值就用attr方法。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的script标签，输入jquery代码：$(img).attr(src， smallpng)；。

可以使用jQuery的“attr”方法改变img的图片路径。

Q4: 如何用JS控制html中的IMG标签?

1、然后下面的写在函数里 var img=new Array()；img[0]=img src=路径；img[1]=img src=路径；有多少图片，就给多少个img[]if(i你那个数组的长度){ i=0；} 然后就是找到body里面的img标签。

2、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

3、js函数，直接修改img标签的src属性就可以了，指向你要的图片的url。

4、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

Q5: js读取img文件夹的图片,但是加载不上去,怎么回事?

你的源码里面就有一些错误，路径应该用\\或者是/，其次，最后结尾应该加上/，还有，一般页面和图片文件夹放在同一位置下，没有干过链接到其他文件夹和目录的操作，应该不是你这样操作的。

也就是说要修改就两个值都减去同一个值。总之这两个值相减要等于40..具体参考网址：以上网站我都采用了这种方法，很有效的让图片按照比例缩小而不会变形。像是做到了图片略缩图的效果一样，很不错哦。。

/img/m.jpg这个路径不对，/就是根目录了，写成./img/m.jpg或者直接img/m.jpg。

问题：vue项目中html中的img对应的图片打包后为img src=[object Module] alt= 思路：url-loader 是图片、文件加载器，可能是打包配置不对。

。代码有误（有可能JS代码也有可能JS内包含的HTML文档标签写错）；2。写入的图片的位置不正确（如果是本地图片，就注意一下是上一级目录还是平级目录下的图片）；3。

关于js获取html里面的img和js获取html属性值的方法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。