我要评论参考链接：https://juejin.im/post/5d2705d8e51d4577407b1dda
参考评论链接http://youmightnotneedjquery.com/
javascript方法
getelementbyid()
queryselector() 匹配指定选择器的第一个元素。
queryselectorall() 返回所有的元素。
createelement()
createtextnode()
insertbefore()
firstchild()
removechild()
getattribute()
setattribute()
.value
addeventlistener()
removeeventlistener()
clonenode()
$("...").html();
document.queryselector("...").innerhtml="";
指定元素插入内容。
$("...").append();结尾
var list = document.queryselector("...");
var lists=document.createelement("...");
lists.innerhtml="...";
list.appendchild(lists);
$("...").prepend()开头
document.createtextnode("..."); //简写 参考结尾
document.queryselector("...").insertbefore(...);
清除被选元素
$("...").empty();
document.getelementbyid("...").innerhtml="";
var contentel = 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){ });
删除
var btn= function(){...}
if (btning.removeeventlistener) {
btning.removeeventlistener("click", btn);
} else if (togglebtn.detachevent) {
btning.detachevent("click", btn)
}
var remove = document.getelementbyid("...");
var removeclone= currel.clonenode(true);
remove .parentnode.replacechild(removeclone, remove);
元素显示隐藏
$("…").toggle();
var el =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";
};
如对本文有疑问， 点击进行留言回复！！
JS 浅拷贝——Shallow copy 在 Canvas 绘图中的应用
网友评论