javascript获取页面第一张图片的方法是什么我忘记了~~~就是在不知道id和name的情况下获取第一张图片的src

documentgetElementByTagName("img")[0]src

其中,documentgetElementById("img")是获取页面中所有的img标签返回的是一个数组

如果你知道父级的id可以在前面加上,

documentgetElementById("id")getElementByTagName("img")[0]src

这样就是制定的位置下的所有的了

我看很多做前端的朋友，基本上都会碰到这个问题。比如，前端页面上要动态显示从后台接口返回的一串包含DOM节点的字符串。但是呢？有时候后台返回的这段字符串里面有个<img src="" alt="" />标签，而页面上因为地址原因又显示不出来，所以有时候就会有这么个需求，需要匹配到这段字符串里面的img标签，拿到它的src属性，可能会做判断可能会直接修改。

let reg = /(\/|>

创建一个名称为 img_src 的html文件

2

/6

添加一个img元素 这是id为mypicture_img_src，添加路径

3

/6

添加一个button按钮，在点击事件中加入自定义函数my_img_src

添加一p标签，设置id 为 show_img_src

4

/6

在javascript中创建一个自定义函数 my_img_src

5

/6

在自定义函数中获取image对象。用src属性获取的地址并

显示到p标签上

6

/6

在浏览器中打开文件，点击button按钮查看获取地址效果

是只能用前台jquery实现？？？还要实现预览？？？还要兼容IE 7+代码如下利用html5实现:几乎兼容所有主流浏览器，当然IE必须是IE 6以上

jquery代码

$(function() {

$("#file_upload")change(function() {

var $file = $(this);

var fileObj = $file[0];

var windowURL = windowURL || windowwebkitURL;

var dataURL;

var $img = $("#preview");

if(fileObj && fileObjfiles && fileObjfiles[0]){

dataURL = windowURLcreateObjectURL(fileObjfiles[0]);

$imgattr('src',dataURL);

}else{

dataURL = $fileval();

var imgObj = documentgetElementById("preview");

// 两个坑:

// 1、在设置filter属性时，元素必须已经存在在DOM树中，动态创建的Node，也需要在设置属性前加入到DOM中，先设置属性在加入，无效；

// 2、src属性需要像下面的方式添加，上面的两种方式添加，无效；

imgObjstylefilter = "progid:DXImageTransformMicrosoftAlphaImageLoader(sizingMethod=scale)";

imgObjfiltersitem("DXImageTransformMicrosoftAlphaImageLoader")src = dataURL;

}

});

});

html代码：

<input id="file_upload" type="file" />

<div class="image_container">

<img id="preview" width="60" height="60">

</div>

注下面所说的只能用flash实现太过时，太不靠谱，上传到后台回传是正解，不过不满足你只能用前台写预览！

以上就是关于javascript获取页面第一张图片的方法是什么我忘记了~~~就是在不知道id和name的情况下获取第一张图片的src全部的内容，包括:javascript获取页面第一张图片的方法是什么我忘记了~~~就是在不知道id和name的情况下获取第一张图片的src、js使用正则表达式将字符串里面的img标签src的值提取出来、c#image如何在后台指定src等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！