javascript方法

 

　　getElementById()

 

　　querySelector()匹配指定选择器的第一个元素。

 

　　querySelectorAll()返回所有的元素。

 

　　createElement()

 

　　createTextNode()

 

　　insertBefore()

 

　　firstChild()

 

　　removeChild()

 

　　getAttribute()

 

　　setAttribute()

 

　　.value

 

　　addEventListener()

 

　　removeEventListener()

 

　　cloneNode()

 

　　$("...").html();

 

　　document.querySelector("...").innerHTML="";

 

　　指定元素插入内容。

 

　　$("...").append();结尾

 

　　varlist=document.querySelector("...");

 

　　varlists=document.createElement("...");

 

　　lists.innerHTML="...";

 

　　list.appendChild(lists);

 

　　$("...").prepend()开头

 

　　document.createTextNode("...");//简写参考结尾

 

　　document.querySelector("...").insertBefore(...);

 

　　清除被选元素

 

　　$("...").empty();

 

　　document.getElementById("...").innerHTML="";

 

　　varcontentEl=document.getElementById("...");

 

　　contentEl.innerHtml="";

 

　　while(contentEl.firstChild){

 

　　contentEl.removeChild(contentEl.firstChild);

 

　　}

 

　　自定义属性

 

　　$("...").attr("...");

 

　　document.querySelector("...").getAttribute("...");

 

　　获取值

 

　　$("…").val()

 

　　document.querySelector("...").querySelector("...").value

 

　　添加移除事件(click是随便写的,根据自己需要)

 

　　$("…").on("click",function(){})||(…).off()

 

　　添加

 

　　document.getElementById("...").addEventListener("click",function(evt){});

 

　　删除

 

　　varbtn=function(){...}

 

　　if(btning.removeEventListener){

 

　　btning.removeEventListener("click",btn);

 

　　}elseif(toggleBtn.detachEvent){

 

　　btning.detachEvent("click",btn)

 

　　}

 

　　varremove=document.getElementById("...");

 

　　varremoveclone=currEl.cloneNode(true);

 

　　remove.parentNode.replaceChild(removeclone,remove);

 

　　元素显示隐藏

 

　　$("…").toggle();

 

　　varel=document.querySelector("...");

 

　　if(el.style.display&&el.style.display==="none"){

 

　　el.style.display="block";

 

　　}else{

 

　　el.style.display="none";

 

　　}

 

　　if(el.style.visibility&&el.style.visibility==="hidden"){

 

　　el.style.visibility="show";

 

　　}else{

 

　　el.style.visibility="hidden";

 

　　};