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;就不行。。不能这样写吗 求解 能给个例子最好 谢 展开
有一张图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;就不行。。不能这样写吗 求解 能给个例子最好 谢 展开
3个回答
展开全部
可以直接修改div的样式，通过修改元素的style属性值去修改CSS样式。
下面是个小例子：
<body>
<div></div>
</body>
<script>
var oDiv = document.getElementsByTagName('div')[0];
oDiv.style.width = '100px'; // 增加宽度
oDiv.style.height = '100px'; // 增加高度
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
正确的写法应该是这样的：
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);
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
貌似没有问题。但是这个img只存在于dom中。页面上是看不到的。如果想在页面上看到。还需要插入到html中。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
