dom元素和class常⽤操作创建
nodeselector
克隆
document.cloneNode()
删除
removeChild()
替换
replaceChild(newnode,oldnode)
插⼊
appendChild()
insertBefore()
把节点插⼊到⽗节点的某个兄弟节点的前⾯。所以他有两个参数,insertBefore(newItem,existingItem) var ateElement("LI")
var ateTextNode("Water")
newItem.appendChild(textnode)
var ElementById("myList")
list.insertBefore(newItem,list.childNodes[1]);
插⼊前
Coffee
Tea
插⼊后
Water
Coffee
Tea
查
querySelector() 获取单个元素
querySelectorAll() 获取多个元素
querySelector() 获取单个元素
如果有多个元素满⾜选择器,则只返回第⼀个
/
/通过标签名获取单个元素
var li1 = document.querySelector("li");
//通过 id 获取单个元素
var li2 = document.querySelector("#app");
//通过 class类名获取单个元素
var li2 = document.querySelector(".two");
querySelectorAll() 获取多个元素返回满⾜条件的元素数组
//通过标签名获取多个元素
var li1 = document.querySelector("li");
//通过 class类名获取多个元素
var li2 = document.querySelector(".two"); Class操作
var dom = document.querySelector("#a");
//添加类newClass
dom.classList.add('newClass');
//删除类cla1
ve('cla1');
//判断是否有这个类
ains('cla1');
//如果没有这个类,就加上,有这个类,就去掉。le('toggle')
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论