问javascript错误setAttribute()
EN

Stack Overflow用户

提问于 2015-06-03 22:03:19

回答 2查看 976关注 0票数 2

我是javascript编程的新手。当我尝试运行这段代码时，html标记中的默认图像出现了。我使用了setAttribute函数，但它不起作用。请帮帮我！

<!DOCTYPE HTML>
<html>
<head>
    <title>Javascript</title>
    <script type="text/javascript">

        var foo = document.getElementById("image");
        foo.setAttribute("src", "glasses.jpg");

    </script>
</head>

<body>
    <img src="awesomesite.gif" id="image" alt="Awesomesite">

    <p id="intro">
        Hello World
    </p>

</body>
</html>

javascript

setattribute

回答 2

Stack Overflow用户

发布于 2015-06-03 22:08:13

将脚本移动到页面底部，或将以下内容添加到脚本中

document.onload(function()
{
    var foo = document.getElementById("image");
    foo.setAttribute("src", "glasses.jpg");
});

票数 2

Stack Overflow用户

发布于 2015-06-03 22:19:45

<!DOCTYPE html>

<head>
  <meta charset="utf-8">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

  <style>
  </style>
</head>
<body>
    <img src="http://i.stack.imgur.com/xkF9Q.jpg" id="image" alt="Awesomesite">
    <p id="intro">
        Hello World
    </p>

  <script>

   window.onload = function () {

          var logo = document.getElementById('image');
          logo.src = "http://www.w3schools.com/html/pic_mountain.jpg";
    };


</script>    
</body>
</html>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30622405

复制

相似问题

问javascript错误setAttribute()
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript错误setAttribute()EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript错误setAttribute()
EN