第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。 第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。 小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过i...
li { MARGIN-BOTTOM: 10px } ul { MARGIN-TOP: 5px } .DragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid } .OverDragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BO...
var iMouseDown = false; var dragObject = null; Number.prototype.NaN0=function(){return isNaN(this)?0:this;} // Demo 0 variables var DragDrops = []; var curTarget = null; var lastTarget = null; function makeDraggable(item){ if(!item) return; item.onmousedown = function(ev){ dragObject = this; mouseOffset = getMouseOffset(this, ev); return false; } } function getMouseOffset(target,...
问题： 如何取到页面中任意某个Html元素与body元素之间的偏移距离？ offsetTop和offsetLeft 这两个属性,IE 、Opera和Firefox对它俩的解释存在差异： IE5.0+ 、Opera8.0+： offsetTop和offsetLeft 都是相对父级元素 Firefox1.06： offsetTop和offsetLeft 都是相对于body元素 因此： （1）在FF下直接使用offsetTop和offsetLeft，就可以取到页面中任意某个Html元素与body元素之间的偏移距离； （2）在IE、Opera下则比较麻烦： 需要首...
在使用脚本统一处理一批页面的时候，我希望通过被处理页面的TITLE元素取到文档的标题和我自定义的一些属性。这些附加的属性是我在服务器端通过Attributes集合添加的，可是运行的结果和我的期望老是相去甚远，怎么我在TITLE元素里写入的自定义属性老是空值呢？ 客服端和服务器端代码分别是： ASPX: Query Info C#: protected HtmlGenericControl title; private void Page_Load(object sender, System.EventArgs e) { ...
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签： 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。 比如说有一个p的ID为docid： <p id="docid"></p> 那么就可以用getElementById("docid")来获得这个元素。 <html> <head> <meta http-equiv="Content-Type" content="te...
如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）1. 通过顶层document节点获取： （1） document.getElementById(elementId) ：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如今，已经出现了如prototype、Mo...
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需刷新才能执行]
我们可能往往会去排查问题的缘由，其实，在排查掉冗余的循环和精简了控件数量后，我们发现性能还是不乐观，于是继续排查，一个偶然的修改，却大大改善了效率，就是类似如下的修改： 修改前： 代码如下: objDiv.innerHTML += ‘; 修改后： 代码如下: var imga = document.createElement("img"); imga.setAttribute("src","back.gif"); imga.setAttribute("id","picture"); objDiv.appendChild(imga); 之前可能因为书写的便利，所...
令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。 如今，已经出现了如prototype、Mootools等多个JavaScript库，它们提供了更简便的方法：$(id)，参数...
1。编写js函数 function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} 2. 要显示/隐藏的html元素加上 id 属性 控制这个tr的显示/隐藏 3，添加按钮，链接等触发 js 函数 显示/隐藏 javascript显示隐藏层广告 二:javascript控制页面控件隐藏显示的两种方法 javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在...
我们已经学习过如何来选取DOM元素，怎么创建数组，怎么创建函数，怎么把事件添加到元素，今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。 基本方法 .get(); 这个工具可以让你获取元素的属性（property）。元素的属性是组成一个HTML元素的各种不同部分，例如src、value、name等等。使用.get();方法非常简单： 参考...
最近遇到js的效率问题，是关于在页面中新增元素的问题。 假设我们有页面如下： 代码如下: // 脚本位置 现在，我们要往div1中添加对象，大家都知道在为web页面增加一个元素时可以使用如下代码： //方法1 div1.innerHTML = '测试'; 或者： //方法2 var a = document.createElement('a'); a.innertText = '测试'; div1.appendChild(a); 在网上搜索到一个探讨js效率问题的文章，其大概意思是说方法2的效率高，其对比代码如下...
首先时飘忽不定的collapse的border，ie6偏偏有一个地方与其他浏览器表现不同，一条丑陋的border不管怎么样都显示出来。无解。 上面的问题可以用诡异方法解决的话，那接下来就完全没有办法了。 由于涉及到了数据的异步传输和实时显示，于是自己写了一个前端模版通过innerHTML动态更新数据。其他浏览器都工作正常，偏偏ie怎么都出不来数据。排查了半天，结果是IE的table元素为只读，不能使用innerHTML！！！！ 同样为只读的元素还有C...
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参数可以指...