一个获取元素文本内容的通用函数 中华人民共和国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. 判断表单是否存在 代码如...