欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

记录使用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>
相关标签: javascript