本文实例讲述了javascript动态设置样式style的方法。分享给大家供大家参考。具体分析如下: 动态修改style 1.易错:修改元素的样式不是设置class属性,而是className属性. 2.易错:单独修改样式的属性使用"style.属性名".注意在css中属性名在javascript中 操作的时候属性名可能不一样,主要集中在那些属性名中含有-的属性,因为 javascript中-是不能做属性,类名的。所以在CSS中背景色是background-clolor,而javascript中则是style.b...
本文实例讲述了javascript事件冒泡。分享给大家供大家参考。具体分析如下: 事件冒泡:如果元素A嵌套在元素B中,那么A被点击不仅A的onclick事件会被触发,B的onclick也会被触发, 触发的顺序是"由内而外".验证:在页面上添加一个table,table里有tr,tr里有td,td里放一个p, 在p,td,tr,table中添加事件响应事件冒泡希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了javascript中innerText和innerHTML属性用法。分享给大家供大家参考。具体分析如下: 几乎所有DOM元素都有innerText,innertHTML属性(注意大小写),分别是元素标签内 的文本表示形式和HTML源代码,这两个属性是可读可写的 innerHTML也可以取代createElement,属于简单,粗放型,后果自负的创建测试(innerText和innerHTML)function TestOutput() {var myLink = document.getElementById("lnk");alert('innerText' + myLin...
本文实例讲述了javascript基于DOM实现权限选择的方法。分享给大家供大家参考。具体实现方法如下:权限选择//====================多选操作==================================== function selMultiple(selectSrc, selectDes) {for (var i = selectSrc.childNodes.length - 1; i >= 0; i--) {var option = selectSrc.childNodes[i];if (option.selected == true) {selectSrc.removeChild(option);option.selected = false;selectDes...
本文实例讲述了javascript中动态函数用法。分享给大家供大家参考。具体分析如下:动态函数 var show = new Function("x", "y", "var sum=x+y; return sum;");//注意new Function 定义动态函数,F大写var result = show(3, 5);alert(result);希望本文所述对大家的javascript程序设计有所帮助。
本文实例分析了javascript函数特点。分享给大家供大家参考。具体分析如下:javascript函数特点(重要) 输出结果 </ script>
本文实例讲述了Javascript递归打印Document层次关系的方法。分享给大家供大家参考。具体如下:递归显示节点层次关系var ResultStr = ""; function ListNode(node,level) {PrintInfo(node, level);level++;var nodes = node.childNodes;for (var i = 0; i "; } function getDocAllInfo() {ResultStr = "";ListNode(document, 0);document.write(ResultStr); }div内容 单元格1单元格2单元格3单元格4我是SPAN希望本文所述对大家的java...
本文实例讲述了javascript中attachEvent用法。分享给大家供大家参考。具体分析如下: 一般我们在JS中添加事件,是这样子的 obj.onclick=method 这种绑定事件的方式,兼容主流浏览器,但如果一个元素上添加多次同一事件呢?obj.onclick=method1 obj.onclick=method2 obj.onclick=method3如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了,在IE中我们可以使用attachEvent...
本文实例讲述了Javascript进制转换的方法。分享给大家供大家参考。具体如下:进制转换 var x = 6;var num = x.toString(2);//把整数转换为2进制,注意toString方法中的2表示“二进制”//alert("num=" + num);var z = "110";var num2 = parseInt(z, 2);//注意parseInt方法的第二个参数,表示z是一个二进制数,//所以转换为整数变为6alert("num2=" + num2);希望本文所述对大家的javascript程序设计有所帮助。
本文实例分析了JavaScript中继承的用法。分享给大家供大家参考。具体如下:// define the Person Class function Person() {} Person.prototype.walk = function(){alert ('I am walking!'); }; Person.prototype.sayHello = function(){alert ('hello'); }; // define the Student class function Student() {// Call the parent constructorPerson.call(this); } // inherit Person Student.prototype = new Person(); // correc...
本文实例讲述了JQuery中基础过滤选择器用法。分享给大家供大家参考。具体如下:基础过滤选择器#main{width:600px;border:1px solid green;margin:auto;padding:10px; } #tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto; } #tbl td{width:60px;height:60px;border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid red; }$(function () {//=============举例...
本文实例讲述了JQuery中属性过滤选择器用法。分享给大家供大家参考。具体如下:属性过滤选择器div{width:200px;border:1px solid red;margin:10px auto;} $(function () {//==========举例1================//: $("div[id]") ; 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.showElements($("div[id]"));//==========举例2================//$("div[myTag]='tt2') 匹配给定的属性是某个特定值的元素//匹...
本文实例讲述了jquery表单对象属性过滤选择器用法。分享给大家供大家参考。具体分析如下:表单对象属性过滤选择器$(function () {//=========举例1===========================//:enabled 用法: $(”input:enabled”) 返回值 集合元素//说明: 匹配所有可用元素.意思是查找所有input中不带有disabled=”disabled”的input.不为disabled,//当然就为enabled啦.$("input:enabled").val("我是有效的按钮");//=========举例2============...
本文实例分析了Javascript的节点关系。分享给大家供大家参考。具体如下:节点关系function Demo() {var divObj = document.getElementById("divDemo");//获取父节点var parentNode = divObj.parentNode;//displayNodeInfo(parentNode);//获取子节点var childNodes = divObj.childNodes;//子节点返回的是一个集合,即数组//alert(childNodes.length); //显示节点个数//displayNodeInfo(childNodes[0]);//获取兄弟节点//----------获...
本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下:JQuery Text方法div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnSet").click(function () {$("#div1").text("我是设置后的文本"); //兼容火狐}); }); 我是div1我是div2希望本文所述对大家的jQuery程序设计有所帮助。