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;就不行。。不能这样写吗 求解 能给个例子最好 谢 展开
展开全部
可以直接修改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);
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询