javascript - 在 <img> 标签之前输出文本

标签 javascript image onload

这是我的代码:

 <script type="text/javascript" language="javascript">
        var youtubeimgsrc = document.getElementById('youtubeimg').src;
      document.write(youtubeimgsrc); 
</script>

  <img src="https://yt3.ggpht.com/-xf7anhq4eRo/AAAAAAAAAAI/AAAAAAAAAAA/wQIFalodFjE/s88-c-k-no/photo.jpg" id="youtubeimg">

Jsfiddle:http://jsfiddle.net/vrnsydLb/

我必须将脚本代码放在 img 之前,但它不起作用。我尝试了 onload,它有效,但页面中的所有内容都被删除。有什么办法可以工作吗?

最佳答案

更改以下内容:

<html>
<head>
    <script>
    function toRun() {

        var src = document.getElementById('bar').getAttribute('src');
        document.getElementById('foo').textContent = src;
    }

    window.onload = toRun;
    </script>
</head>
<body>
    <img src="https://yt3.ggpht.com/-xf7anhq4eRo/AAAAAAAAAAI/AAAAAAAAAAA/wQIFalodFjE/s88-c-k-no/photo.jpg" id="bar">
    <div id="foo"></div> ##must be closed##
</body>

</html>

关于javascript - 在 <img> 标签之前输出文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28182771/

相关文章:

javascript - 如何使用 jquery 获取所选 Asp.net checkBoxList 项目的索引及其文本值

python - 将灰度图像分量颜色分割为黑、白、灰

php - 页面加载时弹出窗口

Javascript 图像大小和定位

jQuery 对每个元素的更改函数

JavaScript - 动态 SVG - onload 属性 - 未触发事件

javascript - 为什么类方法在 React 组件中表现不正常?

javascript - 打开和关闭 Javascript

javascript - 带有精美图标的 Html 下拉菜单

html - Text Wrap Laravel 从数据库中拉取文章