web学习记录-JS-11
DOM查询的其他方法
获取body标签 document.body
document.documentElement 保存的是HTML根标签
document.all 代表页面所有的元素
根据元素的class的属性值查询一组元素 getElementsByClassName();不支持IE8及以下的浏览器;
获取class为box1中的所有DIV
document.querySelector() 需要一个字符串作为参数,可以根据一个CSS选择器来查询一个元素节点对象;
使用该方法总会返回唯一的一个元素,如果满足的有很多个,只返回第一个值;
document.querySelectorAll() 会想符合条件的元素封装到数组返回,只有一个也会返回数组;
DOM增删改
createElement() 可以用于创建一个元素节点对象,需要一个标签名作为参数,根据该标签名创建元素节点对象,并将创建好的对象作为返回值返回;
createTextNode() 用来创建一个文本节点对象,需要一个文本内容作为参数,根据该内容创建文本节点,并将新节点返回;
appendChild() 想一个父节点添加一个新的子节点 父节点.appendChild(子节点);
insertBefore() 可以在指定的子节点前插入新的子节点, 父节点.insertBefore(新节点,旧节点);
replaceChild() 可以用新的节点替换旧的节点 父节点,replaceChild.(新节点,旧节点);
removeChild() 删除子节点 父节点.removeChild(子节点);
子节点.parentNode.removeChild(子节点);(常用)
使用innerHTML也可增加子元素 city.innerHTML += “”<li>广州</li>”;(动静大,不建议);
var li = document.createElement(“li”);
li.innerHTML=“广州”;
city.appendChild(li); (结合一起用增加属性)
给超链接绑定函数返回false会去掉超链接的默认跳转属性;
confirm()用于弹出一个带有确认和取消的提示框;