2024年最全你不知道的JavaScript--Item32 DOM基础详解2_dom里面的item(2)，2024年最新50w字+的前端技术类校招面试题汇总-CSDN博客

本文链接：https://blog.csdn.net/2301_82241847/article/details/138856828

文末

如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。

同样是干到30岁，普通人写业务代码划水，榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端面试题汇总

JavaScript

};
console.log(isXML(document.getElementById(“test”)));

//但这样不严谨，因为XML的根节点，也可能是HTML标签，比如这样创建一个XML文档
try {
var doc = document.implementation.createDocument(null, ‘HTML’, null);
console.log(doc.documentElement);
console.log(isXML(doc));
} catch (e) {
console.log(“不支持creatDocument方法”);
}


2、我们看看mootools的slick选择器引擎的源码：

var isXML = function(document) {
return (!!document.xmlVersion) || (!!document.xml) || (toString.call(document) == ‘[object XMLDocument]’)
|| (document.nodeType == 9 && document.documentElement.nodeName != ‘HTML’);
};

//精简版
var isXML = window.HTMLDocument ? function(doc) {
return !(doc instanceof HTMLDocument);
} : function(doc) {
return “selectNodes” in doc;
}


3、自己实现的方法—最简单

var isXML = function(doc) {
return doc.createElement(“p”).nodeName !== doc.createElement(“P”).nodeName;
}


那接下来判断html节点时，就非常简单了

var isHTML = function(doc) {
return doc.createElement(“p”).nodeName === doc.createElement(“P”).nodeName;
}
console.log(isHTML(document));


### 3、判断节点间的包含关系：


现代浏览器可以用contains()方法，aNode.contains(bNode)判断是否包含a>b。

子节点内容

alert(document.contains(pNode));//但是在IE8浏览器不支持
alert(pNode.contains(cNode));


但IE不支持文档类型节点和文本类型节点包含关系的判断，可以自定义实现一个兼容各浏览器的判断方法。


自定义实现fixContains()方法是对这个问题的修复。

子节点内容

```

节点继承层次与嵌套规则

1、DOM节点继承层次

1、文本节点继承层次—-有6层关系
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

2、元素节点继承层次—-有7层关系
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

console.log(Object.getOwnPropertyNames(document.createElement("p").__proto__));//第一层有两个属性
console.log(Object.getOwnPropertyNames(document.createElement("p").__proto__.__proto__));//第二层有82个属性

1个空div的自有属性有如此之多

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传