14Js面试题-DOM和BOM

599 阅读1分钟

Offer 驾到,掘友接招!我正在参与2022春招系列活动-刷题打卡任务,点击查看活动详情

一、浏览器执行的JS

常说的JS(浏览器执行的JS)包含两部分:

  • JS基础知识(ECMA262标准)
  • JS-Web-API(W3C标准)

二、DOM的本质

  • DOM,即Document Object Model
  • DOM可以理解为:浏览器拿到html代码后,结构化的一个浏览器并且js可操作的一个模型(js对象)

三、DOM节点操作

(一)获取DOM节点

image.png

(二)property

  • property,即Js对象的属性 image.png

image.png

(三)Attribute

  • Attribute,即HTML文档中标签的属性

image.png

image.png

四、DOM结构操作

(一)新增节点

  • document.createElement()

image.png

(二)获取父元素和子元素

  • div.parentElement()
  • div.childNodes() image.png

(三)删除节点

  • div.removeChild()

image.png

五、BOM结构操作

(一)navigator

image.png

image.png

(二)screen

image.png

(三)location

image.png

image.png

(四)history

image.png

(五)面试题

1、如何检测浏览器类型

image.png

2、拆解url的各个部分

  • 利用location对象的方法

六、面试题

(一)DOM是那种基本的数据结构

  • DOM是树这种数据结构

(二)DOM操作常用的API有哪些

  • 获取DOM节点,以及节点的property和Attribute
  • 获取父节点和子节点
  • 新增、删除节点

(三)DOM节点的attr和property有何区别

  • property只是一个Js对象属性的修改
  • Attribute是对html标签属性的修改