记录使用javascript中的一些坑
程序员文章站
2022-07-15 15:48:49
...
一、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>
上一篇: 哈希表(hash table)
下一篇: Javascript的一些坑点(二)
推荐阅读
-
JavaScript中的原型prototype属性使用详解
-
JavaScript中Number.MIN_VALUE属性的使用示例
-
JavaScript中Number.MAX_VALUE属性的使用方法
-
简介JavaScript中Boolean.toSource()方法的使用
-
JavaScript中length属性的使用方法
-
详解JavaScript中void语句的使用
-
简介JavaScript中POSITIVE_INFINITY值的使用
-
简介JavaScript中charAt()方法的使用
-
JavaScript中toString()方法的使用详解
-
JavaScript中Number.NEGATIVE_INFINITY值的使用详解