关于JS当中element！

Posted 2023-04-27

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于JS当中element！相关的知识，希望对你有一定的参考价值。

element = document.getElementById("piture1");
我是学习C#的，这句话的意思是不是取得picture1的值然后赋值给变量elemnt？

先来看一段代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="picture1">这个元素的ID是picture1</div>

<script>
    var element = document.getElementById("picture1");
    console.log(element); // 将获得的element打印到控制台

</script>

</body>
</html>

效果：

看到没有，获得的其实是一个节点（成为Element或者Node节点）。

这句代码的意思其实是通过id来获得页面上叫picture1的元素或者节点。

参考技术A document.getElementById("piture1") 这个是对象类似于把对象赋值给变量

elemnt.value element.innerHTML 这些才是对象的值。参考技术B 取得picture1的DOM元素而非值，值只是某类DOM元素的一个属性。DOM元素有更多的属性和方法。追问

哦就是取得一个整体元素然后再可以细分对吗？

追答

获得的只是一个元素，不包含其内部包含的DOM元素。

参考技术C 不是，取得picture1这个元素然后赋值给变量elemnt

关于面试

框架类：

vue 原理

webpack 原理

css：

盒模型、js 获取对应宽高

// 通过DOM节点的 style 样式获取
// 只能获取行内样式，不能获取内嵌的样式和外链的样式
element.style.width/height;

// 
window.getComputedStyle(element).width/height;

// 
element.getBoundingClientRect().width/height;

包裹性

垂直水平居中

安卓、ios 行高问题

布局 - 圣杯布局

es6：

promise

js：

事件循环

重绘重排

垃圾回收

深拷贝

http：