[读书笔记][JavaScript权威指南(第四版)][DOM]
1.HTML文档树形表示
2.Node[] Node.childNodes
//返回Node对象的所有字节点
3.Node.firstChild / lastChild /nextSibling(下一个兄弟节点) / previousSibling (上一个兄弟节点) / parentNode
属性
4.Node.appendChild() / removeChild() / replaceChild(oNewNode
,oOldNode
) / insertBefor(oNewNode,oChildNode
)
5.
常用节点类型:
6.设置属性的方法:
string ELEMENT.getAttribute(sAttribute)
ELEMENT.setAttribute(sAttributeName,sAttributeValue)
ELEMENT.removeAttribute(sAttributeName)
7.核心DOM API
8.//遍历文档节点,记录节点数
function countTags(node){
var numtags=0;
if(node.nodeType==1)
numtags++;
var children=node.childNodes;
for(var i=0;i<children.length;i++){
numtags+=countTags(children[i]);
}
return numtags;
}
9.搜索文档中特定元素
collObjects
= object
.getElementsByTagName(
sTagName
)
oElement
= document
.getElementById(
sIDValue
)
10.创建文本元素 oTextNode
= document
.createTextNode(
[
sText
]
)
11.改变文本元素的方法有
TextNode.appendData(string data)
deleteData(nOffect,nCount) /*包换nOffset*/
replaceData(nOffset,nCount,sString) /*nOffest开始位置,包含nOffset;nCount影响数;sString替换文本*/
相关文档:
! 去除字符串两端空格的处理
如果采用传统的方式,就要可能就要采用下面的方式了
//清除左边空格
function js_ltrim(deststr)
{
if(deststr==null)return "";
var pos=0;
var retStr=new String(deststr);
if (retStr.lenght==0) return retStr;
while (retStr.substring(pos, ......
进入新的项目组后,发现自己的功力差远了,他们写的javaScript代码我很多都看不懂,现在我做java前端开发,javaScript是非常重要的,现在我决定重新拾起《JavaScript高级程序设计》学习,成为一个javaScript能手。
看完第一章我到还是搞不明白DOM的意思。
......
一、DOM基础
1.节点(node)层次
Document--最顶层的节点,所有的其他节点都是附属于它的。
DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。
DocumentFragment--可以像Document一样来保存其他节点。
Element--表示起始标签和结束标签之间的内容,例如<tag></tab ......
<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<title>***WSOFT.NET***</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<!--media=print 这个属性可以在打印时有效-->
<style ......
javascript评估用户输入密码的强度
密码已经是我们生活工作中必不可少的工具,但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计者,如果我们在网页中能对用户输入的密码进行安全评估,并显示出相应的提示信息,那么对用户设置一个安全的密码将有很大帮助。同时也使得网站更具人性化,更有吸引力.
什么是一 ......