记录使用javascript中的一些坑

xiaoxiao2021-02-28  18

一、element.child和element.childNodes的区别

childNodes:返回一个即时的NodeList,表示元素的子节点列表,子节点可能会包含文本节点,注释节点等。children:一个即时的HTMLCollection,子节点都是Element,IE9以下浏览器不支持。

我遇到的坑:

var childNodes = rootEle.children; childNodes.forEach(function(item){ console.log(item); })

这段代码会报错:说childNodes.forEach不是一个function,然后查了childNodes的类型:

typeof childNodes//Object childNodes instanceof Array //false

说明childNodes不是一个数组; 但是,通过下标又能够访问;

var childNodes = rootEle.children; console.log(childNodes[0]); console.log(childNodes[1]);

关于删除节点自身的例子,removeChlid的应用:

parent.removeChild(node);//参数是要删除的节点 删除自身节点: node.parentNode.removeChild(node); 例如:点击页面上任何一个元素节点,将把它和它的所有子节点删除:

//应用了事件委托 document.body.onclick = function(event){ event.target.parentNode.removeChild(event.target); console.log(event.target); }

表单提交时的事件:onsubmit

onsubmit 事件会在表单中的确认按钮被点击时发生。 参考资料:http://www.w3school.com.cn/jsref/event_onsubmit.asp 例子:

<form name="testform" action="jsref_onsubmit.asp" onsubmit="alert('Hello ' + testform.fname.value +'!')"> What is your name?<br /> <input type="text" name="fname" /> <input type="submit" value="Submit" /> </form>
转载请注明原文地址: https://www.6miu.com/read-850320.html

最新回复(0)