js控制节点的css样式

要实现的效果:有一张图a.png需要载入这图N份挂在到id=“b”的div里(用js代码)然后用js控制每个图片的CSS样式(绝对位置)我写varimg=newImage... 要实现的效果:
有一张图a.png
需要载入这图N份 挂在到id=“b”的div里 (用js代码)
然后用js控制每个图片的CSS样式(绝对位置)

我写

var img=new Image();
img.src=url倒是可以
但是img.style.position=“absolute”;img.style.top=xx;img.style.left=xx;就不行。。不能这样写吗 求解 能给个例子最好 谢
展开
 我来答
百度网友2571d37bb
2015-08-04 · 知道合伙人软件行家
百度网友2571d37bb
知道合伙人软件行家
采纳数:1971 获赞数:7905
前端工程师

向TA提问 私信TA
展开全部
可以直接修改div的样式,通过修改元素的style属性值去修改CSS样式。
下面是个小例子:
<body>
<div></div>
</body>
<script>
var oDiv = document.getElementsByTagName('div')[0];
oDiv.style.width = '100px';  // 增加宽度
oDiv.style.height = '100px'; // 增加高度
</script>
百度网友c8ccabb
2013-12-03 · TA获得超过1756个赞
知道大有可为答主
回答量:826
采纳率:0%
帮助的人:1161万
展开全部

正确的写法应该是这样的:


        var imgEl=document.createElement('img');
        imgEl.src="这里是图片地址";
        imgEl.style.left='100px';  // 指定创建的img在文档中距离左侧的位置
        imgEl.style.top='100px';  // 指定创建的img在文档中距离顶部的位置
        imgEl.style.border='1px solid #FF0000'; // 设置边框
        //imgEl.style.position='absolute'; // 为新创建的img指定绝对定位
        imgEl.style.width='200px'; // 指定宽度
        imgEl.style.height='200px'; // 指定高度
        document.getElementById("b").appendChild(imgEl);
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友f71142e
2013-12-03 · TA获得超过163个赞
知道答主
回答量:74
采纳率:0%
帮助的人:32.5万
展开全部

貌似没有问题。但是这个img只存在于dom中。页面上是看不到的。如果想在页面上看到。还需要插入到html中。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式