Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何添加和更改图像';JS/HTML中的文本_Javascript_Html_Css - Fatal编程技术网

Javascript 如何添加和更改图像';JS/HTML中的文本

Javascript 如何添加和更改图像';JS/HTML中的文本,javascript,html,css,Javascript,Html,Css,基本上,我试图做的是,我试图改变一个图片alt“文本” 换句话说,我正试图做这样的事情: <!DOCTYPE html> <html> <head> <script type="text/javascript"> var num = 0; setInterval(function(){asdfjkl.InnerHTML="Number: " + num}, 500); setInterval(function()

基本上,我试图做的是,我试图改变一个图片alt“文本”

换句话说,我正试图做这样的事情:

<!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>
<image id="asdfjkl" src="asdf.png" alt="abc">Hello!</image>
document.getElementById('asdfjkl').alt = 'xyz';

var num=0;
setInterval(function(){asdfjkl.InnerHTML=“Number:+num},500);
setInterval(函数(){num+=1;},100);
你好

但是脚本对图像的文本没有任何影响。如果有人能帮忙,那就太棒了,谢谢

您需要使用img标记,而不是图像。不能像这样直接使用元素id。使用getElementById(“这里的元素ID”)。在您的例子中,innerHTML也使用大写的i。使用innerHTML而不是innerHTML

  • image
    标记用于
    svg
    元素内部,对于HTML使用
    img
    标记,它们是自动关闭标记
  • 它不是
    InnerHTML
    ,而是
    InnerHTML
    ,您甚至不需要在您的案例中使用它
  • 要设置
    img
    alt
    属性,只需使用
    asdfjkl.alt
  • var asdfjkl=document.getElementById('asdfjkl');
    var num=0;
    setInterval(函数(){
    asdfjkl.alt=“编号:”+num
    }, 500);
    setInterval(函数(){
    num+=1;
    }, 100);
    
    要更改
    alt
    文本,您需要先设置它!:)

    设置如下:

    <!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>
    
    <image id="asdfjkl" src="asdf.png" alt="abc">Hello!</image>
    
    document.getElementById('asdfjkl').alt = 'xyz';
    
    工作代码片段:

    var image=document.getElementById('asdfjkl');
    image.alt='xyz';
    console.log(图像)
    
    你好
    alt是image的一个属性,我认为
    img
    是一个自动关闭的元素
    asdfjkl
    是因为它是一个元素ID而定义的,这些元素自动成为全局变量@巴尔马——老实说,我不知道。谢谢!:)注意,使用由元素ID定义的全局变量会让你头疼好几个小时,因为你根本不清楚你引用的是什么。