打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
js动态创建div注意事项
//javascript动态创建DIV时,动态创建的DIV要被不是动态创建的DIV包含才起效果,如下面的div1或div2要被原有的test用方法appendChild包
//含进来才起效果。还有就是IE中动态设置DIV的class属性是divObj.className = "className" 而不是divObj.style.className = "className"
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<style type="text/css">
.d{
 width:100%;
 height:50%;
 background:green

}   

</style>

 <BODY>
  <div id="test"></div>
 <script>
 var div1 = document.createElement("div");
div1.className = "d";

div1.style.position = 'absolute';

var div2 = document.createElement("div");
div2.appendChild(div1);


test.appendChild(div2);
 </script>

//--------------------------------------------以下方法2不能以this作为参数传递,要达到用this作为参数来传递,可用方法1-------------------------------------------------------------------------------------------------------------------------------------------
 
 
var cDiv = document.createElement("div");
    cDiv.className='viewDiv';
 
//方法1
cDiv.onmouseout = function(){
     picMouseOut(this,'val1');
    }
 
//方法2
cDiv.attachEvent("onmouseout",function(){
   picMouseOut(this,'val1')
});
 
 
 
 
 
 
 
 
 
 
 </BODY>
</HTML>
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
webpack教程一:什么是webpack?
使用JS动态写入标签及其元素内容
单选框切换
多个文件上传的javascript编码
react-jsx语法
js输入关键词创建标签代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服