html 如何在js中动态编辑源代码< figure>

brccelvz 于 2022-12-16 发布在其他

关注(0)|答案(2)|浏览(183)

我试图编辑<figure> HTML标记内img的src属性，但很惊讶地发现src不是图中的属性（可能是错误的）。

<figure data-asset-id="dfdsf"><img src="https:/assets/conference-gffe9859b2_640.jpg" data-asset-id="dfdsf" data-image-id="dfdsf" alt="conference pic"></figure>

在返回的图形中使用document.getAttribute

<img src="https://assets/conference-gffe9859b2_640.jpg" data-asset-id="dfdsf" data-image-id="dfdsf" alt="conference pic">

作为一个字符串，所以想用DOM解析器把它转换成HTML，但没有成功。
你知道我错过了什么吗
对于那些不知道HTML<figure>元素的人。

<figure>
  <img src="pic_trulli.jpg" alt="Trulli" style="width:100%">
  <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>

Html

来源：https://stackoverflow.com/questions/74790172/how-to-edit-src-of-figure-dynamically-in-js

2条答案

按热度按时间

x759pob21#

您的<figure>元素似乎没有src属性，但<img>元素有。无论是哪种情况，请先选择元素，然后获取/设置属性。.src有一个快捷方式。

document.querySelector("img").src;

document.querySelector("figure").setAttribute("name", "helloButton");

赞(0）回复(0）举报 2022-12-16

apeeds0o2#

<img id="uniqueId" src="https:/assets/conference-gffe9859b2_640.jpg" data-asset-id="dfdsf" data-image-id="dfdsf" alt="conference pic">

在JS中，加载后或在任何事件/函数上

getElementById('uniqueId').src = 'newURL'

或按按钮

<button onclick="document.getElementById('uniqueId').src='newURL'">Turn off the light</button>

赞(0）回复(0）举报 2022-12-16

我来回答

html 如何在js中动态编辑源代码< figure>

2条答案

相关问题

热门标签

最新问答