1.创建div元素: Javascript代码 代码如下:<scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadivelement!"; document.body.appendChild(createDiv); } </script> <scripttypescripttype="text/javascript"> functioncreateElement(){ varcreateDiv=document.createElement("div"); createDiv.innerHTML="Testcreateadivelement!...
在进入主题之前,我们先来看一个前台页面经常用到的功能:点击页面输入框时自动选择其中文本。 很容易想到利用输入框的focus事件,当输入框获得焦点时,再调用jQuery的select()方法。 Okay,想法很简单,逻辑似乎也无错。具体我们来看一下现实到底能不能实现。 1.页面构造个表单,放上几个输入框。代码看起来是这样子的。 代码如下:<form action="/" method="post"> <table> <tr> <td>Name:</td>...
生成一个2000*5的表格,每个单元格的内容是行号+逗号+列号 方法一:使用createElement生成表格,使用insertRow和insertCell方法生成行列,单元格的内容使用innerHTML属性进行填充。 方法二:使用createElement生成表格,使用CreateElement方法生成行列,单元格的内容使用了createTextNode方法填充。 方法三:拼接表格innerHTML属性的字符串,使用字符串 += 操作符链接字符串 方法四:拼接表格innerHTML属性的字符串,各个字符串追加...
成果库修改: 要求主题列表随成果类型改变而改变 网上查询资料后开工,在成果类型下拉框添加change()事件触发Dwr,查询主题集合——动态创建/编辑Table 概要代码如下:JS 代码如下://动态获取主题数据 function getzts(){ parentId = document.getElementById("bselect1").value; if(parentId!=""){ dwrMethod.getZtList(parentId,callback5); }else{ //清空主题Table的数据 ...
一般动态创建元素可以通过两种方式 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 style=\"border:solid 1px #FF00...
代码如下:<html><head><script type="text/javascript"> function test(){ //createElement() 创建一个指定标签名的元素[比如:动态创建超链接] var createa=document.createElement("a"); createa.id="a1"; createa.innerText="连接到百度"; createa.href="http://www.baidu.com"; //createa.color="green" ////添加颜色(不要忘记style属性,不然没有效果) createa....
代码如下:<!doctype html> <head></head> <body> <span id="con">xxx</span> <script> 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); </script> 对于标准浏览器,直接使...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>createElement</title> <style type="text/css"> .warpper{ border:1px solid red; padding:8px;} </style> <script type="text/javascript" language=...
动态创建div: 代码如下:$(function(){ $("<div>",{ id: test, text: this is a test, "class": "test", click: function(){ $(this).toggleClass(test); } }).appendTo("body"); }) 动态创建input: 代码如下:$(function(){ $("<input>", { type: text, val: test, focusin: function() { $(this).addClass(active); }, focusout: function() { $(this).removeClass(active); } }).appendTo("body"); })
代码如下:<script type="text/javascript"> document.getElementById("testDiv").innerHTML ="动态创建的div"; </script> 而且用的应该是还是乐此不疲,但是有多少人知道这是错误的做法!错误的原因: (1) 在页面加载时改变了页面的结构. 在IE6中如果网络变慢或者页面内容太大就会出现"终止操作"的错误. 也就是说"永远不要在页面加载时改变页面的Dom模型". (2) 使用修改HTML内容添加元素, 不符合Dom标准. 在实际工作中也碰到过使用这...
图示效果:演示地址: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("<div id="+menuid+" class=menu_down ><span>"+menutitle+"</span></div><div id=child_"+menuid+" class=menuChil...
前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性。 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>'); 那么今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转换为标准的dom对象 start: 其实实现这样的一个转换是很简单的,这里...
翻页测试页 $(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 += " 此次翻页...
要使用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标签搞成下面这个样子: <html xmlns:vml="urn:schemas-microsoft-com:vml"> 接着就是在样式中调用对应的CSS hehavior。静态代码应该是...
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需刷新才能执行]