Question

基本上，我正在尝试做的是尝试更改图像alt“text”。

换句话说：我正在尝试做这样的事情：

<!DOCTYPE html>
 <html>
  <head>
   <script type="text/javascript">
    var num = 0;
    setInterval(function(){asdfjkl.InnerHTML="Number: " + num}, 500);
    setInterval(function(){num+=1;}, 100);
   </script>
  </head>
  <body>
   <image id="asdfjkl" src="asdf.png">Hello!</image>
  </body>
 </html>

但是脚本对图像的文本完全没有影响。如果有人可以提供帮助那就太棒了，谢谢！

Answer 1

image元素在svg个元素中使用，用于HTML使用img标记，它们是自闭标记<img src="" />。
不是InnerHTML，而是innerHTML，您甚至不需要在您的情况下使用它。
要设置alt的{{1}}属性，只需使用img。

asdfjkl.alt

var asdfjkl = document.getElementById('asdfjkl');
var num = 0;
setInterval(function() {
  asdfjkl.alt = "Number: " + num
}, 500);
setInterval(function() {
  num += 1;
}, 100);

Answer 2

你需要使用img标签，而不是图像。你不能像这样直接使用元素id。使用getElementById（＆＃34; Elem ID Here＆＃34;）。在你的情况下，innerHTML也是大写的i。使用innerHTML而不是InnerHTML。

Answer 3

要更改alt文字，您需要先设置它！：）

设置如下：

<image id="asdfjkl" src="asdf.png" alt="abc">Hello!</image>

像这样改变：

document.getElementById('asdfjkl').alt = 'xyz';

工作代码段：

＆＃13;

var image = document.getElementById('asdfjkl');

image.alt = 'xyz';

console.log(image);

＆＃13;

<image id="asdfjkl" src="asdf.png" alt="abc">Hello!</image>

＆＃13;

对于您的代码，您需要执行以下三项操作：

而不是<image>代码使用<img>代码。
将<img>换入<figure>并添加<figcaption>。
不是按ID提取图片，而是抓取<figcaption>并更改其innerHTML。

多数民众赞成！

工作代码段：

＆＃13;

var num = 0;
setInterval(function(){document.getElementsByTagName('figcaption')[0].innerHTML="Number: " + num}, 500);
setInterval(function(){num+=1;}, 100);

＆＃13;

<figure>
  <img id="asdfjkl" src="asdf.png" />
  <figcaption>Hello!</figcaption>
</figure>

＆＃13;

如何在JS / HTML中添加更改图像的文本

3 个答案: