美文网首页
用js 往div 中加入图片

用js 往div 中加入图片

作者: 4f573e7bb18b | 来源:发表于2019-01-22 22:15 被阅读0次

<html>

<head>

<meta http-equiv="content-type"content="text/html; charset=utf-8">

<script type="text/javascript">

    window.onload = function(){ 

        varbigImg = document.createElement("img");     //创建一个img元素

        bigImg.src="http://www.baidu.com/img/baidu_sylogo1.gif";   //给img元素的src属性赋值

        //bigImg.width="320";  //320个像素 不用加px

        varmyp = document.getElementById('myp'); //获得dom对象

        myp.appendChild(bigImg);    //为dom添加子元素img

    };

</script>

</head>

<body>

<p id="myp"style="border:1px solid #eee;width:320px;height:160px;"></p>

</body>

</html>

相关文章

  • 用js 往div 中加入图片

    window.onload = function(){ varbigImg = document.createEl...

  • html中如何加入背景图片

    在html中某个div里加入背景图片的话,主要有以下几种方式: 第一种:在css文件里加入背景图片:在css里用u...

  • vue中设置背景图片的方式

    一种是用前端的静态图片做背景: 只需要在外层div中加入 这个style的东西卸载data中 data() { r...

  • echart饼图设置背景图片

    1,运用echart属性设置图片 XXX.js 2.用一个大的div包裹图表容器main,在大的div上定位一张i...

  • 2019-04-12定时器

    使用定时器是使图片上下移动 使用按钮控制的div 图片切换 js

  • 弹性布局图片变形

    问题图示 变形的图片 解决方案 方案1:用 div 标签包裹 img 标签用div标签包裹图片,这种方案比较通用。...

  • Vue 基础 作业

    1.用户管理 div部分,用bootstrap来写 JS部分 2.购物车 div部分,用bootstrap来写 J...

  • D3.js加提示框

    使用D3.js对元素加入提示框: title框 自定义框 JS:加入提示框的div,并将其opacity设为0,这...

  • 轮播图实现

    原理 轮播图的原理(js对图片位置的修改+动画+逻辑对应)1 将图片列表浮动并放置在尺寸小于列表尺寸的div中,再...

  • animate.css的使用

    引入animate.css 声明一个div并编写样式 在JS中给div添加animate类 使用jquery.js...

网友评论

      本文标题:用js 往div 中加入图片

      本文链接:https://www.haomeiwen.com/subject/qlqdjqtx.html