javascript动态添加/删除div
添加
<script>
var oDiv = document.createElement("DIV");
oDiv.id = "shop01";
oDiv.style.top = 200;
oDiv.style.left = 200;
oDiv.style.background = '#FFFF00';
oDiv.style.visibility = 'visible';
oDiv.innerHTML="123123"
document.body.appendChild(oDiv);
oDiv.onclick = abc;
function abc(){
alert("abc");
}
</script>
删除div:
function deldiv(divid){
var div=document.getElementById(divid);
div.parentNode.removeChild(div);
}
另:
获得一个控件var xxoo = document.createElement('xxoo');
设置属性
然后可以获得一个div的控件然后div.appendChild(xxoo);
相关文档:
访问控件的主要对象是:document对象。分别对应当前文档所有的(子对象)个人观点。并且已经提供的几个主要方法来访问对象。
1. document.getElementById
2. document.getElementsByName
3 &n ......
//获取页面数据
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.inn ......
<script >
function showimage()
{
//IMG1为图片控件或Div,File1为上传文件控件
document.getElementById("IMG1"). src = document.getElementById("File1").value;
}
</script >
控件中引用:
<input id="File1" runat="server" type="file" onc ......