JS DOM 初做了解,习题笔记
2019-03-03 19:23 HHFFZ 阅读(220) 评论(0) 编辑 收藏 举报<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <span></span> <p></p> <strong></strong> </div> //点击事件 <!-- <p>点击按钮执行<em>displayDate()</em>函数</p> <button id="myBth">点这里 <p id="demo"></p> </button> <script type="text/javascript"> var d= document.getElementById("myBth"); d.onclick=function(){ document.getElementById("demo").innerHTML=Date();} 节点习题 </script> --> <!-- <script type="text/javascript"> Element.prototype.z=function(){ var child=this.childNodes;//这个可能是对象,插入到数组里会形成类数组 var child =new Array(this.childNodes);这种最保险直接转换为数组 var len=child.length; var arr=[]; for(var i=0;i<len;i++){ if(child[i].nodeType==1){ arr.push(child[i]); } } return this.children ;} var div=document.getElementsByTagName('div')[0]; </script> --> // 增删改知识点 <script type="text/javascript"> var div=document.getElementsByTagName('div')[0]; div.appendChild(div.lastElementChild.previousElementSibling); var i=document.createElement('i'); div.appendChild(i); //div.removeChild(i); i.remove(); div.setAttribute('class','n'); //div.getAttribute('class'); </script> </body> </html>