ios0213的专栏

如下面：var para=document.createElement("p");var node=document.createTextNode("hao123");para.appendChild(node);document.body.appendChild(para);可以在任何时候对新创建的元素使用DOM方法，对元素任意属性进行设置，即使在插入文档之前，如：var

1.首相检查浏览器是否良好的支持DOM方法。如下：if(!document.getElementById) return false;if(!document.getElementByTagName) return false;2.检查浏览器是否能检索改元素的值。如下：if(!document.getElementById("demo")) return false

无标题文档input,textarea{ margin-bottom:4px; border:1px solid #099;}span{ color:#CCC;}function check_pw_length(value){ var para=document.getElementById("demo"); if(value.length<6) { para.

无标题文档#demo1 input, #demo2 input, #demo3 input, #demo4 textarea{ margin-top: 10px;}input { width: 180px; height: 20px;}#demo1{ border: 1px solid #0CC;}#demo2 input, #demo3 input, #demo4 tex

无标题文档123123123123123456147258var d=document.getElementById("demo");var tag=d.getElementsByTagName("*");alert(tag.length);var d=document.getElementById("demo");var tag=d.

1、前言    由于工作需要，需实现一个类似于微博输入框的功能，在用户动态输入文字的时候，修改提示“您还可以输入XX字”。如下图所示：  因此，稍微研究了一下oninput,onpropertychange,onchange的区别和用法，以及onpropertychange在ie浏览器下的一个bug。 2、oninput,onpropertychange,onchange的用法

无标题文档body { background-color: #F7F7F7; font-family: "Courier New", Courier, monospace;}.wrap { width: 70%; height: 500px; margin: 0 auto;}.search_ss1{ margin-top:70px;}.search1{ width:5

例如当我们要获取id="test1"的父节点的时候，可以这样：var node=documentElementById("test1");var parentnode=node.parentNode;获取父节点名可以这样：var parentnodeName=node.parentNode.nodeName;

无标题文档.wrap{ margin:0 auto; border:1px solid #FFF;}.menu { width: 80%; height: 40px; margin: 0 auto; margin-top: 50px; border-top:1px solid #F1F1F1;}.menuin { padding: 0; margin: 0; flo

无标题文档double1double2double3double4double5var table=document.getElementsByTagName("table")[0];var tableTr=table.getElementsByTagName("tr");/* + - 为保留的特殊字符，不允许用在变量或者函数里面*/for(var i=0;i<tableTr

具体代码如下：无标题文档#demo1{ width:300px; height:200px; border:3px solid #F00;}function ceh1(element){ element.style.color="#0f0"; element.style.backgroundColor="#a4c639"; movement=setTime

利用JavaScript DOM可以实现元素样式的修改，但是需要注意的是，此时修改的样式属性必须要在元素的内部，即属于内联样式。当一个元素有外部样式或者内部样式时，这个时候用JavaScript DOM无法实现对样式的属性进行修改，这个时候只能添加新的样式属性。如：.demo{position:absolute;top:200px;width:150px;}

无标题文档#demo1{ width:300px; height:200px; border:3px solid #F00; position:absolute; top:0; left:0;}function ceh1(element){ element.style.color="#0f0"; element.style.backgroundColor="#a4c

元素中如果原来有值，在新添加了文本节点后，新添加的值添加在原来文本值的后面，不会产生文本属性覆盖的情况，如上面的情况就是输出：123this is a test

JavaScript DOM中删除元素，需要知道被删除元素的父节点。如下面：This is a paragraph.This is another paragraph.var parent=document.getElementById("div1");var child=document.getElementById("p1");parent.removeChild(

先创建元素，然后创建文办节点，设置属性节点，然后添加在文档中。document.body.appendChild();

代码实现的是讲一个已经存在的p元素添加给div 元素，当实现添加后，原来p元素被删除，添加后的p元素被添加到div元素里面

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。一般使用setTimeout("alert('how are you?')",2000);如果要多次使用的话，如下：function ceh(){var t=setTimeout("ceh()",1000);}上面之所

无标题文档* { margin: 0; padding: 0;}#wrap { text-align: center;}#test1 { position: relative; padding-top: 50px; z-index: -1;}#test2 { position: absolute; left: 440px; top: 353px; border-

男:女:var input=document.getElementsByTagName("input");for(i=0;i{alert("value:"+input[i].getAttribute("value"));   /*getAttribute("*")*  获取属性值/}================================

123456789var mm=document.getElementsByTagName("p");alert(mm[2].id);    /*此处创建了对象后，可以直接用对象获取相应的属性值*/

请点击按钮来获得 body 元素子节点的相关信息。试一下function myFunction(){var txt="";var c=document.body.childNodes;for (i=0; i  {  txt=txt + c[i].nodeName + "";  };var x=document.getElementById

无标题文档#demo{position:absolute;top:210px;left:250px;}ul{margin:0;padding-left:170px;list-style-type:none;}li{float:left;margin-right:70px;}li:hover{border-bottom:3px so

typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。无标题文档123456789function ceh(show){alert(show.getAttribute("title"));}

文章中每一个元素都是对象，样式也是对象获取样式属性先创建元素对象，然后获取样式属性值；如：123document.getElementById("demo").style.color;

在用CSS样式的时候，可能某些伪类在一些浏览器中得不到很好的支持，这个时候可以用JavaScript修改样式，从而实现自己想要的结果。伪类如 :hover  在一些浏览器中可能得不到很好的支持。下面是自己写的代码：无标题文档ul{ list-style-type:none;}li{ float:left; margin-right:30px;}

无标题文档double1double2double3double4double5var table=document.getElementsByTagName("table")[0];var tableTr=table.getElementsByTagName("tr");/* + - 为保留的特殊字符，不允许用在变量或者函数里面*/for(var i=0;i<tableTr