javascript - 我们可以从打字稿代码更改图像源吗？

Question

我从简单的 Typescript(.ts)+HTML(.js) 代码开始练习。在 HTML 页面中，我有以下标签来显示某些图像：

<img id="myimage" src='images/samsung_edge_silver.jpg' height="250px">
<div><b><span id="Name"></b></div>

现在我有 ts 文件来更改此代码中的字段。我可以使用以下方法更改跨度字段名称的值：

document.getElementById("pName").innerHTML = productName;

但是有什么方法可以更改 myimage 的源 URL 的值。

我读了一些答案，人们大多给出角度的答案。但这是纯粹的打字稿+html。我们如何为图像源分配新值？

标签： javascripthtmltypescriptdom

Answer 1

你必须这样做：

(document.getElementById('test') as HTMLImageElement).src = 'http://www.image.com';

这样做的原因是document.getElementById('id')它将返回一个 HTMlElement 并且并非所有 HTMLElement 都具有src属性。