JavaScript学习笔记6 DOM的一些事

2023年8月8日 100次阅读 来源: 若飞丶

检查浏览器是否支持DOM

if (!document.getElementsByTagName){
    return false;
}

上面的语句是：如果getElementsByTagName未定义，请现在离开。有了这个语句后，不支持DOM的浏览器则不会执行后续的语句，支持DOM的浏览器将会继续执行。

可以同时检查多个DOM方法：

if (!document.getElementsByTagName || !document.getElementById) {
    return false;
}
//或者下面的方法：
var Choice = document.getElementsByTagName || document.getElementById;
if (!Choice) {
    return false;
}

意思是：只要不支持其中一种DOM方法，请离开！

HTML-DOM与DOM Core

至此，我学习的DOM方法有以下几个：

getElementsByTagName
getElementById
getAttribute
setAttribute

这些方法都是DOM Core的组成部分。DOM方法不专属于js脚本，任何支持DOM的语言都能用相同方法使用它们。

HTML-DOM相比DOM Core会简化一些，如：

document.getElementsByTagName("a");
//简化为：
document.a;

element.getAttribute("href");
//简化为：
element.href;

var links = element.setAttribute("href","http://ruofeiblog.com/");
//简化为：
var links.href = "http://ruofeiblog.com/";

使用哪种是取决于个人偏好，但至少得知道他们两者是用来干嘛的。

    原文作者：若飞丶
    原文地址: https://www.jianshu.com/p/db2bfabc3a2a
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞