str 是表示通过ajax返回的XMLRequest /*动态加载css style*/ function loadStyle(str) { var regExp_src=/[^/gi; var matchArray_src=str.match(regExp_src); alert(matchArray_src[0]); if(matchArray_src){ for(var i=0;i{alert("sss"); var str_temp = matchArray_src[i].toString(); var regExp_src_temp = /[^/gi; str_temp.match(regExp_src_temp);/*这里重复使用匹配是为了,$1这个子表达式指向当前的值,否则会永远是最后一...
javascripttest function setDay() { var themonth=document.getElementById("month"); var themaxmonthday=31; if(themonth.value=="2") { themaxmonthday=28; } var theday=document.getElementById("day"); var tempdaylength=theday.options.length; for(var j=tempdaylength;j>0;j--) { theday.options.remove(j); } for(var i=1;i 1月 2月 3月 4月 5月 6月 12月 [Ctrl+A 全选 注:如需引入外部Js需刷新才...
js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:1px; height:1px; overflow:hidden; position:absolute;} 没事造星星玩 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
要使用VML,我们首先要开辟一个命名空间。以前动态创建比较麻烦 document.namespaces.add('vml', 'urn:schemas-microsoft-com:vml', "#default#VML"); ie8出现后,微软一口气升级了IE6,IE7。创建方法更简单。 document.namespaces.add('vml', 'urn:schemas-microsoft-com:vml'); 它们的作用相当于把HTML标签搞成下面这个样子: 接着就是在样式中调用对应的CSS hehavior。静态代码应该是这个样子: vml\:* { behavior: url(#defa...
翻页测试页 $(id).scrollHeight - $(id).offsetHeight) { moveto = $(id).scrollHeight - $(id).offsetHeight; } if(Math.abs($(id).scrollTop - moveto) $(id).scrollHeight - $(id).offsetHeight) { moveto = $(id).scrollHeight - $(id).offsetHeight; } scrollTo(id,moveto); } var updateInfo = function(moveto,isMove) { $("info").innerHTML = "当前位置 : " + $("div").scrollTop; $("info").innerHTML += " 此次翻页...
废话不多说了,直接给大家贴js代码了,具体代码如下所示:Documentvar i = 0; function addInput(){ var o = document.createElement('input'); o.type = 'button'; o.value = '按钮'+ i++; if(o.attachEvent){ o.attachEvent('onclick',addInput) }else{ o.addEventListener('click',addInput) } document.body.appendChild(o); o = null; }以上所述是小编给大家介绍的动态创建按钮的JavaScript代码,希望对大家有所帮助。
本文为大家分享了js创建元素的两种方法供大家参考,具体内容如下 1)将需要创建的元素,以字符串的形式拼接;找到父级元素,直接对父级元素的innnerHTML进行赋值。 2)使用Document、Element对象自带的一些函数,来实现动态创建元素(创建元素 => 找到父级元素 => 在指定位置插入元素) 一、字符串拼接形式为了更好的理解,设定一个应用场景。随机生成一组数字,将这组数据渲染为条形图的形式,放在div[id="container"]中,如下图w...
前言:创建元素有两种方法1)将需要创建的元素,以字符串的形式拼接;找到父级元素,直接对父级元素的innnerHTML进行赋值。2)使用Document、Element对象自带的一些函数,来实现动态创建元素(创建元素 => 找到父级元素 => 在指定位置插入元素)一、字符串拼接形式为了更好的理解,设定一个应用场景。随机生成一组数字,将这组数据渲染为条形图的形式,放在div[id="container"]中,如下图二、使用Document、Element对象自带的一些函...
图示效果:演示地址:http://demo.jb51.net/js/menu_jquery/index.html下载地址:http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 代码如下: function OutlookBar(targetName)//targetName:右侧iframe的name { //创建标题 this.AddTitle=function(menuid,menutitle,openor){ $("body").append(""+menutitle+""); if(openor==false) { $("#child_"+menuid).hide(); $("#"+menuid).removeClass("menu_down"); $...
代码如下: document.getElementById("testDiv").innerHTML ="动态创建的div"; 而且用的应该是还是乐此不疲,但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时改变页面的Dom模型". (2) 使用修改HTML内容添加元素, 不符合Dom标准. 在实际工作中也碰到过使用这种方法修改内容后, 某些浏览器中并不能立...
动态创建div: 代码如下: $(function(){ $("",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下: $(function(){ $("", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
代码如下: createElement .warpper{ border:1px solid red; padding:8px;} ///动态创建一个div $(function(){ $('',{ id:'test', text:"this is a div", "class":"warpper", click:function(){ var text=$(this).text(); alert(text); } }).appendTo("body"); }); //创建input:text $(function(){ $('',{ type:"text", val:"input text somethings...", name:"userName" }).appendTo("body"); }); //创建input select $(fu...
代码如下: xxx var css = document.createElement('style'); css.setAttribute('type', 'text/css'); var cssText = 'span{color:Red;}'; if(css.styleSheet) { // IE css.styleSheet.cssText = cssText } else { css.appendChild(document.createTextNode(cssText)); } document.getElementsByTagName("head")[0].appendChild(css); 对于标准浏览器,直接使用css.innerHTML也可以修改HTMLStyleElement的css规则; 但是对于IE...
代码如下: function test(){ //createElement() 创建一个指定标签名的元素[比如:动态创建超链接] var createa=document.createElement("a"); createa.id="a1"; createa.innerText="连接到百度"; createa.href="http://www.baidu.com"; //createa.color="green" ////添加颜色(不要忘记style属性,不然没有效果) createa.style.color="green" //添加默认位置--...
一般动态创建元素可以通过两种方式 1、Dom HTml 代码如下: var select = document.createElement("select"); select.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2", "value2"); select.size = "2"; testDiv.appendChild(select); }); 通过document的createElement方法创建,然后通过appendChild方法添加到指定的对象中即可 2、JQuery函数创建 $("动态创建的div