javascript(兼容)遍历元素的特性

最新推荐文章于 2023-01-13 15:26:02 发布

原创最新推荐文章于 2023-01-13 15:26:02 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #遍历元素特性

JavaScript 同时被 2 个专栏收录

84 篇文章

订阅专栏

javascript入门到进阶

71 篇文章

订阅专栏

本文介绍了一种将DOM结构转换成XML或HTML字符串的方法，重点在于如何遍历并处理元素属性，确保不同浏览器下的一致性。文章提供了一个实用的JavaScript函数，用于输出指定元素的所有属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在需要将DOM的结构序列化为XML或HTML字符串时, 多数都会涉及遍历元素特性.

注意:

针对attribute对象中的特性, 不同浏览器返回的顺序不同. 这些特性在XML或HTML代码中出现的先后顺序, 不一定与它们出现在attribute对象的顺序一致.
IE7及更早版本会返回HTML中所有可能的特性, 包括没有指定的特性. 换句话说, 返回100多个特性的情况会很常见.

代码

function outputAttributes(element) {
    var pairs = new Array(),
        attrName,
        attrValue,
        i,
        len;
        for(i=0, len=element.attributes.length; i < len; i++) {
            attrName = element.attributes[i].nodeName;
            attrValue = element.attributes[i].nodeValue;
            if(element.attributes[i].specified) {
                //兼容IE, 如果该属性为true则在HTML中定义了该属性
                pairs.push(attrName + "=\"" + attrValue + "\"");
            }
        }
        return pairs.join(" ");
}