html文档的各节点可划分为
首先是<html></html>这个是根元素节点 里面分两个部分：<head></head><body></body> head里：一般写title，还有就是CSS,和JS body里：写网页显示的元素，比如div,table,span,img。。。等等 很多很多
lxml库节点用什么来表示
lxml是以Python语言编写的库，主要用于解析和提取HTML或者XML格式的数据，它不仅功能非常丰富，而且便于使用，可以利用XPath语法快速地定位特定的元素或节点。
lxml库中大部分的功能都位于 lxml.etree模块中，导入lxml.etree模块的常见方式如下：
from lxml import etree
lxml库的一些相关类如下：
Element类：可以理解为XML的节点。
ElementTree类：可以理解为一个完整的XML文档树。
ElementPath类：可以理解为XPath，用于搜索和定位节点。
vue如何获取dom节点
在Vue中，可以使用`ref`来获取DOM节点。
1. 在模板中，可以使用`ref`指令给DOM元素添加一个唯一的引用标识符。例如：
```html
<template>
<div>
<button ref="myButton">Click me</button>
</div>
</template>
```
2. 在Vue实例中，可以使用`this.$refs`来访问带有`ref`的DOM元素。例如：
```javascript
export default {
mounted() {
const button = this.$refs.myButton;
console.log(button); // 输出 <button>Click me</button>
}
}
```
要注意的是，`this.$refs`返回一个对象，其中的键是`ref`的值，值是对应的DOM元素。请注意，`$refs`是在组件实例渲染完成后才填充的，因此在`mounted`生命周期钩子内访问`$refs`才是可靠的。
Vue提供了许多方法来获取DOM节点。其中最常见的方法是使用$refs属性来引用DOM节点。在模板中使用ref属性给DOM元素命名，然后在Vue实例中使用this.$refs来引用DOM节点。
另外，也可以使用document.getElementById()等原生的方法来获取DOM节点。但是，不建议直接操作DOM节点，而是应该通过数据驱动的方式来更新视图。
js 创建一个节点后怎么设置节点样式
在JS中创建新节点后，可以通过节点对象的 `style` 属性来设置节点样式。 `style` 属性是一个CSSStyleDeclaration对象，通过它可以设置该节点的各种样式属性。
例如，以下代码可以创建一个新的`div`节点，并设置它的背景色为红色，宽度为100px，高度为50px：
```javascript
// 创建新节点
var newNode = document.createElement("div");
// 设置样式
newNode.style.backgroundColor = "red";
newNode.style.width = "100px";
newNode.style.height = "50px";
// 将节点添加到文档中
document.body.appendChild(newNode);
```
上面代码中，先用 `document.createElement()` 方法创建了一个新的 `div` 节点，并将其赋值给 `newNode` 变量。然后通过 `newNode.style` 属性设置了节点的各种样式属性，最后用 `document.body.appendChild()` 将节点添加到文档中。
除了直接设置样式属性外，也可以使用 `setAttribute()` 方法来设置节点的 `class` 或 `id` 属性，从而间接控制该节点的样式：
```javascript
// 创建新节点
var newNode = document.createElement("div");
// 设置 class 和 id
newNode.setAttribute("class", "redBox");
newNode.setAttribute("id", "box1");
// 将节点添加到文档中
document.body.appendChild(newNode);
```
上面代码中设置该节点的 `class` 为 "redBox"，`id` 为 "box1"。在CSS样式表中，可以通过这些属性值来控制该节点的样式。