DOM的应用

最新推荐文章于 2021-10-19 20:22:02 发布

zhaoke_930325

最新推荐文章于 2021-10-19 20:22:02 发布

阅读量259

点赞数

分类专栏：笔记文章标签： javascript

本文链接：https://blog.csdn.net/zhaoke_930325/article/details/75635179

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1、子节点的删除可以用’javascript:;’来作为删除选项：

for (var i = 0; i < aA.length; i++) {
            aA[i].onclick = function(){
                oUl.removeChild(this.parentNode);
            };
        }

2、childNodes只支持IE6-8，且包括文本节点和元素节点，而children只包括元素，不包括文本节点。
3、子节点指的是只算第一层的节点，而内层节点不算。
4、parentNode：当前的父节点，是获取用来定位的父级。
5、setAttribute（名称，值）方法添加指定的属性，并为其赋指定的值。
如果这个指定的属性已存在，则仅设置/更改值。getAttribute用来获取属性。

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

6、获取元素属性的方法：

function getStyle(oParents,sClass)
        {
            var aEle = oParents.getElementsByTagName('*');
            var aResult[];
            for (var i = 0; i < aEle.length; i++) {
                if(aEle[i].className=sClass)
                {
                    aResult.push(aEle[i]);
                }
            }
            return aResult;
        };

7、父级调用的方法有：
.appendChild(子节点)增加子节点，过程是先把元素从原有的父级删掉，再添加到新的父级；.insertBefore（子节点，在谁之前）；.removeChild（子节点）移除子节点。
8、在DOM文档中可以通过 document.createDocumentFragment();来创建表格，通过调用 .tBodies[i]取body，.rows[i]取行，.cells[i]取单元格，.toLowerCase()转为小写，用于搜索时不区分大小写，.search(‘str’)值为位置，当值等于 -1 时，为没有找到（模糊搜索），.split（‘str’）切分字符串。
9、.sort（）是Arr数组特有的方法，输入时失去焦点时的验证，onkeyup onblur，
提交检查onsubmit。