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";
};