Javascript 显示块

Javascript 可以用于在网页中展示块元素（block element），例如 <div>、<p> 等。这可以通过操作 DOM 元素来实现。

1. 显示与隐藏元素

在 Javascript 中，可以通过 style.display 属性来控制元素的显示方式。默认情况下元素的 display 属性是 block，因此可以设置它为 none 来隐藏元素：

var element = document.getElementById("myElement");
element.style.display = "none"; // 隐藏元素

同样，将 display 属性设置为 block 可以显示元素：

element.style.display = "block"; // 显示元素

2. 修改元素样式

除了 display 属性，还可以通过 style 属性修改元素的其他样式。例如：

element.style.backgroundColor = "blue"; // 设置背景颜色为蓝色
element.style.color = "white"; // 设置字体颜色为白色
element.style.fontSize = "20px"; // 设置字体大小为20像素

3. 添加、移除类名

可以通过添加、移除类名来修改元素的样式。例如：

// 添加类名
element.classList.add("myClass");

// 移除类名
element.classList.remove("myClass");

4. 创建新元素

可以使用 document.createElement 方法创建新的元素，然后使用 appendChild 将其添加到页面中：

// 创建新的 div 元素
var newDiv = document.createElement("div");

// 添加文本内容
var newText = document.createTextNode("Hello World");
newDiv.appendChild(newText);

// 将新元素添加到页面中
document.body.appendChild(newDiv);

5. 修改元素内容

可以使用 innerHTML 属性来修改元素的内容：

element.innerHTML = "新的内容";

6. 获取元素信息

可以使用 getBoundingClientRect 方法获取元素在页面上的位置和大小等信息：

var rect = element.getBoundingClientRect();
console.log(rect.left, rect.top, rect.width, rect.height);

以上就是 Javascript 显示块的一些基础操作，开发者可以根据需要进行组合使用，实现更加复杂的功能。