在js中怎么写html
时间: 2023-02-10 17:25:34 浏览: 116
HTML与js的写入
可以使用 JavaScript 来操作 HTML。
下面是一些例子:
- 获取 HTML 元素:
```
// 获取 id 为 "myP" 的元素
var p = document.getElementById("myP");
// 获取 class 为 "myDiv" 的所有元素
var divs = document.getElementsByClassName("myDiv");
// 获取所有的 p 元素
var ps = document.getElementsByTagName("p");
```
- 修改 HTML 元素:
```
// 修改 id 为 "myP" 的元素的文本内容
document.getElementById("myP").innerHTML = "新的文本内容";
// 修改 id 为 "myImg" 的元素的图片
document.getElementById("myImg").src = "新的图片 URL";
// 修改 id 为 "myDiv" 的元素的样式
document.getElementById("myDiv").style.color = "red";
document.getElementById("myDiv").style.fontSize = "20px";
```
- 添加 HTML 元素:
```
// 创建一个新的 p 元素
var newP = document.createElement("p");
// 创建一个新的文本节点
var newText = document.createTextNode("这是一个新的段落。");
// 将文本节点添加到 p 元素中
newP.appendChild(newText);
// 将 p 元素添加到文档中
document.body.appendChild(newP);
```
- 删除 HTML 元素:
```
// 获取要删除的元素
var toDelete = document.getElementById("myDiv");
// 获取该元素的父元素
var parent = toDelete.parentElement;
// 删除该元素
parent.removeChild(toDelete);
```
注意,在进行 HTML 操作之前,需要确保文档已经加载完毕。因此,通常将 JavaScript 代码放在文档的
阅读全文