javas学习记录

1.HTML DOM 中类似于querySelector() 等返回文档中匹配指定 CSS 选择器的元素选择的方法，对于括号中书写的是“选择器名称”

语法：document.querySelector(“CSS selectors”)；

注意必须书写括号。

2.对于一些特定的元素，在语法规范中往往不需要进行单双引号符号。

father.appendChild(lastli);

father.insertBefore(secondli, father.children[1]);

留言板案例

        btn.onclick = function () {

            if (text.value == '') {

                alert("您没有输入任何内容");

                return false;

            } else {

                /* 你在这里创建一个新的li 也就是每次点击都会生成一个新的li  不然写在上面 每次点击都是这一个内容在改变 */

                var newLi = document.createElement('li');

                newLi.innerHTML = text.value + '<br/>' + "<a href='javascript:;''>删除</a>";

                father.insertBefore(newLi, father.children[1]);

                /* 儿子找爷爷收拾爸爸 */

                /* 循环绑定事件 */

                var as = document.querySelectorAll("a");

                for (var i = 0; i < as.length; i++) {

                    as[i].onclick = function () {

                        /*  father.removeChild(father.children[i]);

                         上面这个做法是非常错误的 因为本来的意思是点击第i个删除链接 会删除第i个对应的文本内容

                         但是忽视了对于删除一次以后，随后的后面的i值都会发生改变 以至于a标签的i与本来对应的文本i值不匹配

                         因此将"father.children[i]"改为"" */

                        father.removeChild(this.parentNode);

                    }

                }

            }

        }