学习笔记 - 随笔分类(第2页) - 赵小磊

JS弹窗

摘要：<!doctype html><html><head><meta charset="utf-8"><title></title><style>* { margin:0; padding:0; }html,body { height:100%; overflow:auto; }#text { width:1000px; margin:0 auto; height:8888px; }#layout { background:#000; position:absolute; top:0; left 阅读全文

posted @ 2012-06-01 16:05 赵小磊阅读(3092) 评论(1) 推荐(0)

getElementsByClassName的理想实现

摘要：function getElementsByClassName(node,classname){ if(node.getElementsByClassName){ return node.getElementsByClassName(classname); } else { var results = new Array(); var elems = node.getElementsByTagName("*"); for(var i=0; i<elems.length; i++){ if(elems[i].className == classname){ result 阅读全文

posted @ 2012-05-31 12:00 赵小磊阅读(367) 评论(0) 推荐(0)

下拉菜单

摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin:0; padding:0; } ul { list-style:none; } #nav { width:500px; height:35px; margin:0 auto; font-size:13px; } #nav li { float:left; width:12 阅读全文

posted @ 2012-05-31 11:34 赵小磊阅读(144) 评论(0) 推荐(0)

Javascript表单验证大全

摘要：1. 长度限制：﹤ script ﹥function test() {if(document.a.b.value.length﹥50){alert("不能超过50个字符！");document.a.b.focus();return false;}}﹤/ script ﹥﹤form name=a onsubmit="return test()"﹥﹤textarea name="b" cols="40" wrap="VIRTUAL" rows="6"﹥﹤/textarea﹥﹤in 阅读全文

posted @ 2012-05-03 10:41 赵小磊阅读(390) 评论(0) 推荐(2)

javascript dom 学习笔记第九章：实现给某个元素添加加新的class的值的函数！

摘要：function addClass(element,value){ if (!element.className) { element.className = value; } else { newClassName = element.className; newClassName += ""; newClassName += value; element.className = newClassName; }}函数解释：如果当前元素没有class，或者说是class值为空为null的时候，那就直接添加一个。否则，如果已经有了class，那么就在原来的class后面追加一阅读全文

posted @ 2012-04-25 23:39 赵小磊阅读(849) 评论(0) 推荐(0)

DOM基础

摘要：一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束标签之间的内容，例如<tag></tab>或者<tag/>。这是唯一可以同时包含特性和子节点的节点类型。Attr－－代表一对特性名和特性值。这个节点类型不能包含子节点。Text－－代表XML文档中的在起始标签和结束标签之间，或者CD 阅读全文

posted @ 2012-04-25 22:27 赵小磊阅读(1985) 评论(1) 推荐(4)

JS函数：返回下一个元素节点而不是下一个节点

摘要：function getNextElement(node){ if (node.nodeType == 1) return node; if (node.nextSibling) return getNextElement(node.nextSibling); return null;}关于浏览器对于换行符等理解成文本节点的问题，这个文章有详细讲解浏览器对换行符理解成文本节点的原因研究<!DOCTYPE html><html><head><meta charset="utf-8" /><title>javascri 阅读全文

posted @ 2012-04-25 22:14 赵小磊阅读(2701) 评论(1) 推荐(0)

JavaScript获取HTML DOM节点元素的方法的总结

摘要：在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）：1. 通过顶层document节点获取：（1）document.getElementById(elementId)：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。如今，已经出现了如prototype、Mootools等多个Jav.. 阅读全文

posted @ 2012-04-25 22:13 赵小磊阅读(224) 评论(0) 推荐(0)

JavaScript的appendChild、insertBefore和insertAfter函数以及它们的用法

摘要：因为比较常用到JavaScript的appendChild、insertBefore和insertAfter这几个函数，所以在这里作为学习笔记做总结：1、appendChild添加一个节点到指定的节点的子节点数组中用法：target.appendChild(newChild) newChild作为target的子节点插入最后的一子节点之后2、insertBefore在现有的子节点前插入一个新的子节点用法：target.insertBefore(newChild,existingChild) newChild作为target的子节点插入到existingChild节点之前 existingChi 阅读全文

posted @ 2012-04-23 11:52 赵小磊阅读(659) 评论(0) 推荐(0)

javascript中的parentNode和childNodes

摘要：关于javascript中的parentNode"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 ...看个例子, 你就会明白我说的意思了 ...<div id="parent"> <b id="child">My text</b></div>在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的文字部分. 如果你打算用getElementBy 阅读全文

posted @ 2012-04-23 11:03 赵小磊阅读(2007) 评论(0) 推荐(1)

原生JS里获取class属性

摘要：<div class = "dom'></div>元素JS实现方法：function $class(domclass){ var odiv = document.getElementsByTagName("*"); var a; for(var i = 0; i<odiv.length; i++) { if(odiv[i].className == domclass) { a = odiv } return a; }}用这个函数来获取就很简单了只需要var d = $class("dom... 阅读全文

posted @ 2012-04-13 13:50 赵小磊阅读(21134) 评论(1) 推荐(0)

JavaScript DOM 编程艺术学习笔记本：美术馆

摘要：HTML代码： 1 <!DOCTYPE HTML> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 9 <ul id="solid">10 <li><a href="images/1.jpg" title="这个是图片一" onclick 阅读全文

posted @ 2012-04-09 23:26 赵小磊阅读(272) 评论(0) 推荐(0)

javascript实现隔行变色

摘要：<!DOCTYPE HTML><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <dl id="mylist"> <dd>哈哈哈哈哈哈哈哈哈</dd> <dd>哈哈哈哈哈哈哈哈哈</dd> <dd>哈哈哈哈哈哈哈哈哈</dd> <dd>哈哈哈哈哈哈阅读全文

posted @ 2012-04-02 23:04 赵小磊阅读(386) 评论(0) 推荐(0)

随笔分类 - 学习笔记

公告