web框架学习前复习——jsDom

来源：互联网发布：windows rt刷win7系统编辑：程序博客网时间：2024/04/30 04:46

Dom

Document Object Model即文档结构模型。就是把文档看做一个document对象，对象之间靠节点Node连接。
Document:代表整个文档
Element：代表一个标记（元素）
Text：标记中的文本
Attribute：代表一个属性。元素才有属性
这里写图片描述
<html> <head> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var i1Obj = document.getElementById("i1");//通过元素ID获取元素节点 alert(i1Obj.value);// HTML DOM var ps = document.getElementsByName("password");/通过元素名称获取元素节点 for(var i=0;i<ps.length;i++){ alert(ps[i].value); } var inputObjs = document.getElementsByTagName("input");//数组 for(var i=0;i<inputObjs.length;i++){ alert(inputObjs[i].value); } } </script> </head> <body> i1:<input type="text" id="i1" name="password" value="111"><br/> i2:<input type="text" id="i2" name="password" value="222"><br/> </body> </html> Node节点的使用 <html> <head> <title>Document</title> <script type="text/javascript"> window.onload=function(){ var divObj = document.getElementById("d1");//打印元素节点的三个属性 divObj.nodeName；//节点名称 divObj.nodeType；//节点类型常量 divObj.nodeValue；//节点的值 var styleNode = divObj.getAttributeNode("style"); //alert("nodeName="+styleNode.nodeName+";nodeType="+styleNode.nodeType+";nodeValue="+styleNode.nodeValue); var textNode = divObj.firstChild;//Child可理解为子节点的意思 alert("nodeName="+textNode.nodeName+";nodeType="+textNode.nodeType+";nodeValue="+textNode.nodeValue); } </script> </head> <body> <div id="d1" style="width: 500px;height: 200px;border: blue 1px solid;background-color: #c3f3c3;">JSDom</div> </body> </html>

RegExp核心对象//对象的创建方式：        //方式一：            var regExp = new RegExp("[a-zA-Z0-9]{3,8}");//正则表达式            var username = "abc";            alert(regExp.test(username));        //方式二：            //var regExp1 = /^[a-zA-Z0-9]{3,8}$/;  //正则表达式对象的直接量的写法            var username = "abc";            alert(regExp.test(username));

0 0