jq获取的照片路径怎么写在innerhtml里

jq获取的照片路径怎么写在innerhtml里,第1张

<img src="xxxjpg" alt="" id="src"/>

<div id="target"></div>

<script type="text/javascript">

//需要在页面中引入jQuery

$(function(){

// jq获取路径

var image_src = $('#src')attr('src');

// 通过dom *** 作方法获取dom对象并设置innerHTML的值为jq获取的路径。

documentgetElementById('target')innerHTML = image_src;

});

</script>

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:$('img')attr('src', 'small3png');。

3、浏览器运行indexhtml页面,此时成功用jquery把地址放入了img标签的src中。

首先你要先找出你的那个img标签然后在用jq的attr属性获取

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

img{width:30%;}

</style>

<script type="text/javascript" src="jqueryjs"></script>

<script type="text/javascript">

$(document)ready(function() {

var srcImg =$('img')attr('src');

alert(srcImg);

});

</script>

</head>

<body>

<img src="

</body>

</html>

结果

<div class="test">

    <img src="testjpg"/>

</div>$(function(){

  var url = $('test img')attr("src");

  alert(url);

});

jQuery的attr属性可以返回元素属性,如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value:属性名称

fn:调用函数

以上就是关于jq获取的照片路径怎么写在innerhtml里全部的内容,包括:jq获取的照片路径怎么写在innerhtml里、如何把jquery的值放入img标签的src里面、有一段代码怎样用jquery获取里面的img src属性 代码要写在文件外部等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9776168.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存