原生js获取html根元素,JS获取屏幕高度的简单实现代码

获取 HTML 根元素：

const html = document.documentElement;

获取屏幕高度：

const screenHeight = window.innerHeight;

相关问题

原生方法获取html元素样式

原生方法获取HTML元素样式，可以使用JavaScript中的`window.getComputedStyle()`方法。这个方法返回一个对象，该对象包含了指定元素的所有计算后的样式属性。

使用该方法的步骤如下：
1. 获取要获取样式的HTML元素，可以使用`document.querySelector()`方法或其他获取元素的方法来获取指定元素的引用。
2. 使用`window.getComputedStyle(element)`方法，将要获取样式的元素作为参数传入该方法。
3. 该方法会返回一个包含计算后的样式属性的对象。可以通过对象的属性来获取指定样式的值。

例如，要获取一个div元素的背景颜色，可以按以下方式进行操作：

// 获取div元素的引用
var divElement = document.querySelector("div");
// 获取计算后的样式属性对象
var computedStyle = window.getComputedStyle(divElement);
// 获取背景颜色属性值
var backgroundColor = computedStyle.backgroundColor;
// 打印背景颜色
console.log(backgroundColor);

需要注意的是，`window.getComputedStyle()`方法返回的样式值是一个字符串，可能包含单位。如果需要进行数值计算等操作，可能需要将其转换为合适的数据类型。

js原生获取dom元素方法

可以使用以下方法获取 DOM 元素：

1. document.getElementById(id)：根据元素的 id 属性获取元素。
2. document.getElementsByTagName(tagName)：根据元素的标签名获取元素，返回一个 HTMLCollection 对象。
3. document.getElementsByClassName(className)：根据元素的 class 属性获取元素，返回一个 HTMLCollection 对象。
4. document.querySelector(selector)：根据 CSS 选择器获取第一个匹配的元素。
5. document.querySelectorAll(selector)：根据 CSS 选择器获取所有匹配的元素，返回一个 NodeList 对象。