首先代码是基本从课本抄下来的，，应该没有问题。但是我用鼠标点击，添加的
文本一闪而过就没了。想问下是因为什么，这个部分的代码如下
function foe()
{
var elew=document.createElement("p");
var tex=document.createTextNode("你好，世界！");
elew.appendChild(tex);
document.forms[0].appendChild(elew);
}
</script>
</head>
<body >
<form action="" name="form2">
<button onclick="foe();">点击调用DOM</button>
</form>
2另外请教一下朋友们，平时写前端代码的时候，有什么好工具能发现代码错误
吗？现在我用sublime，写错了一个小点，有时候要检查好久才发现。。。
分享
####简单的废话
这个是表单的提交行为造成的
####基础需知
form 元素的action属性是当表单提交时向指定地址处发送表单数据。（会跳转到该地址）
button 有个type属性（默认是submit 某E浏览器默认是button）指定button的行为， submit 就是提交表单的意思（提交自身dom所在的form）
####问题分析
form 有action属性为 '' 也就是当前页面
form 里的 button[type=submit] 点击 触发了form的提交
然后就原地刷新...
####解决问题
找到原因了，解决办法就有很多了：
1.form的action属性去掉 或者 指定为不刷新即 action='#'。
2.button 的type 属性 指定为 非 submit（有button 和 reset 两个属性 可以自行研究）。
3.重构dom结构，把 button 从form中移出到其他位置。
####工具介绍
sublime：里面有插件模块，什么代码检查，高亮，提示，都有相关的插件需要自己弄
vscode：基本同上，不过是微软爸爸的东西，一直在更新，插件数量也丰富
webstrom：标准的重量级老大哥，该有的功能都有，不该有的也齐全，需购po买jie
HBuilder：国。产。
分享
