一个获取元素文本内容的通用函数 中华人民共和国1 2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]将HTML DOM中几个容易常用的属性做下记录: nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。 nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称...
做法: 修改Input的outerHTML; 具体例子: 代码如下: function resetInput() { var controls = document.getElementsByTagName(input); for(var i=0; i<controls.length; i++){ if(controls[i].type==text) { if(controls[i].value =="") { controls[i].outerHTML=" "; } else { controls[i].outerHTML=controls[i].value; } } } } 这样就可以将Input修改,然后导出到Excel中。(一次循环不能全部修改,根据情况,自己做些修...
JavaScript未知高度元素的垂直居中的方法 function vMiddle(){ var middleDiv=document.getElementById("wrap"); var divHeight=middleDiv.offsetHeight; var bodyHeight=document.body.offsetHeight ; if(bodyHeight>divHeight) middleDiv.style.marginTop=-divHeight/2+"px"; else{ middleDiv.style.marginTop=0; middleDiv.style.top=0; } } html,body{height:100%;padding:0;margin:0;} #wrap{width:800px;margin:0...
下面就以情况type=“text”为例: 代码如下: 通过调用js的Refresh方法 方法一 代码如下: function Refresh() { var v=document.forms[0].elements; for(var i=0;i<v.length;i++) { if(v[i].type=="text") { v[i].value=""; } } } 或方法二 代码如下: function Refresh() { var v=document.getElementsByTagName("input"); for(var i=0;i<v.length;i++) { if(v[i].type=="text") { v[i].value=""; } } } 通过调用refresh函数清...
代码如下: //取得元素x坐标 function pageX(elem) { return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } //取得元素y坐标 function pageY(elem) { return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop; } 貌似这位大神在出这本书时比较赶,有许多纰漏,最后大神也发觉这两个函数有问题,并没有把它们运用到JQuery中。由于是用累加的方式去计算,只要一个元...
首先时飘忽不定的collapse的border,ie6偏偏有一个地方与其他浏览器表现不同,一条丑陋的border不管怎么样都显示出来。无解。 上面的问题可以用诡异方法解决的话,那接下来就完全没有办法了。 由于涉及到了数据的异步传输和实时显示,于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常,偏偏ie怎么都出不来数据。排查了半天,结果是IE的table元素为只读,不能使用innerHTML!!!! 同样为只读的元素还有C...
因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置 代码如下: //获取滚动条到顶部...
先运行下程序看下: 123 输出:123 可以看到 span会自动根据包含的内容来变化宽度 这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。而对于 IE6,如果浏览器运行于标准兼容模式下,内联元素会忽略 width 或 height 属性,所以设置 width 或 height 不能在此种情况下令该元素具有 layout。 zoom 总是可...
一. 测试环境 浏览器: IE6+, FF 3.5.5, Opera 10, Chrome 4.0.249, Safari 4.0.3 二. 例子 代码如下: document.write(document.hehe.haha.length); document.write(''); document.write(document.hehe2.haha.length); 演示 无标题文档 document.write(document.hehe.haha.length); document.write(''); document.write(document.hehe2.haha.length); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 在获取表单的input时,...
先看一个例子:代码如下: http://www.gxlcms.com现在要得到a标签的属性id。有如下方法:代码如下: jQuery("#easy").click(function() {alert(document.getElementById("easy").id); //1alert(this.id); //2alert(jQuery(this).attr("id")); //3 });方法1使用的是javascript原始方法;方法2用到了this,this就相当于一个指针,返回的是一个dom对象,本例中返回a标签对象。所以this.id可直接得到id。方法3将dom对象转换成了jQuery对...
代码如下: Collapsible List — Take 1 <script type="text/javascript" src="../scripts/jquery-1.2.1.js"></ script> $(function(){ $('li:has(ul)') .click(function(event){ if (this == event.target) { if ($(this).children().is(':hidden')) { $(this) .css('list-style-image','url(minus.gif)') .children().show(); } else { $(this) .css('list-style-image','url(plus.gif)') .children().hide(); } } retu...
比如为某个HTML元素级联了一组样式信息,其中width属性的值为80px。然后调用脚本读取这个值,得到的结果总是一个空字符串,而事实上我想得到"80px"。针对这种情况,David Flanagan在《JavaScript 权威指南》(第五版)一书中给出了解决方案。以下是针对JavaScript: The Definitive Guide, 5th Edition Chapter16 Section4的翻译 脚本计算的样式 HTML元素的style属性相当于style HTML 特性, 而作为style属性的值,CSS2属性对象只为...
1.获取input类的值: $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值:$("select").val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组。当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$("input#myID").val()。 下面将对每一种控件的取值方法做一一介绍: 1. input type="text" 单行文本输入框和input type="password" 密码输入框...
javascript code: 代码 代码如下: function expandOther(el, el2) { whichEl = document.getElementById(el) button = document.getElementById(el2) if (whichEl.style.display == none) { whichEl.style.display = ; button.value = "隱藏"; } else { whichEl.style.display = none; button.value = "顯示"; } expandOther(e1,el2), e1参数可以指定需要操作的事件对象,比如一个ID为inputshowData的Input按钮, el2参数可以指...
1. 判断表单元素是否存在(一) 代码如下: if("periodPerMonth" in document.theForm) { return true; } else{ return false; } 2. 判断页面元素是否存在 代码如下: if(document.getElementById("XXX")) { //存在 } 3. 判断表单元素是否存在(二) 代码如下: if(document.theForm.periodPerMonth) { //存在 } 或 代码如下: if(typeof(document.theForm.periodPerMonth)=="object") { //存在 } 4. 判断表单是否存在 代码如...