为了账号安全,请及时绑定邮箱和手机立即绑定

在 html 中设置变量以用作图像 src

在 html 中设置变量以用作图像 src

幕布斯6054654 2022-08-04 17:57:35
我想知道。是否可以在 html 中设置变量并将该变量用作 img src。我会定期使用相同的图像,并且不想在每次更改时都更新它。我是Javascript和HTML的新手。我试过这个,但知道它不会起作用。但还是试过了。<body><var a1>images/wildlife/dog.jpg</var><img src="var a1" id="event-1"></body>图像路径是正确的,因为它显示图像,如果我使用该确切路径作为src=“...”有人可以给我指出实现这一目标的方向吗?我对php和MySql了解不多。
查看完整描述

3 回答

?
慕村9548890

TA贡献1884条经验 获得超4个赞

HTML 中没有注释中所述的变量。这是你如何在javascript中做到这一点的。


const a1 = "images/wildlife/dog.jpg";

const image = document.getElementById("event-1");

image.src = a1;

<img src="" id="event-1">


查看完整回答
反对 回复 2022-08-04
?
智慧大石

TA贡献1946条经验 获得超3个赞

图像标记的第一个设置 ID


然后使用JavaScript并设置图像的src


 const a1 = 'https://nodejs.org/static/images/logo.svg';

    const image = document.getElementById("image");

    image.src = a1;

<!DOCTYPE html>

<html>


<body>

       <img src="" id="image" height="150px" width ="150px">

</body>

</html>


查看完整回答
反对 回复 2022-08-04
?
慕桂英3389331

TA贡献2036条经验 获得超8个赞

这可以通过使用普通 CSS,使用 CSS 变量和 CSS 内容属性来实现。


:root {

  --a1: url('https://i.picsum.photos/id/1008/200/300.jpg');

}


img {

  content: var(--a1);

}

<img width="200" height="300" />


查看完整回答
反对 回复 2022-08-04
  • 3 回答
  • 0 关注
  • 458 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号