javascript - 如何在 Javascript 函数中显示图像

标签 javascript html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 4 年前

我想在单击具有 Javascript 功能的按钮时在 Html 中显示图像。我该怎么做?

我已经在网上搜索过了,但是我无法解决这个问题。

在 HTML 中:

<button onclick="myFunc()">Anything</button>

我不知道如何在使用 Javascript 函数单击按钮时在 Html 中显示图像

最佳答案

function myFunc() {
  var element = document.getElementById('something');
  element.style.display = 'block';
}
<img id="something" src="https://www.gravatar.com/avatar/344337b6819f2f513fa80bb227be3c2d?s=48&d=identicon&r=PG" style="display: none">
<button onclick="myFunc()">Anything</button>

<img id="something" src="file.png">
<button onclick="myFunc()">Anything</button>

<script>
  function myFunc() {
    var element = document.getElementById('something');
    element.style.display = 'block';
  }
</script>

关于javascript - 如何在 Javascript 函数中显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56014233/

上一篇:html - 仅使用 CSS @media print,如何使 html 无序列表跨越多列?

下一篇:css - 作为 Wordpress 主题的一部分,更改单独列的背景图像悬停

相关文章:

php - yii2 多选下拉记住选中

javascript - 为什么 mouseleave 和 mouseout 不能与 Chrome 上的 bootstrap 选项卡显示事件一起使用?

html - 为什么只有我的一些链接可以选择并在鼠标悬停时使用react?

html - 当前面有几行时,如何将 bootstrap 4 行垂直和水平居中

html - 在 Smarty 2 模板中包含或导入 (@import) 样式表

javascript - 获取被点击的 li 元素的值

javascript - 使用函数更改 div 属性?

javascript - 如何验证元素是否存在于 CucumberJS 和 Protractor 中?

javascript - angular-ui-bootstrap:展开后禁用组标题

jQueryUI 对表列的影响