JavaScript修改HTML内容

要使用JavaScript修改网页中的文字和链接,可以使用以下方法:

1. 通过id获取元素,并使用innerHTML属性修改元素的内容。例如:

```

// 修改id为myText的元素的内容

document.getElementById("myText").innerHTML = "新的文本内容";

```

2. 通过class获取元素,使用innerHTML属性或innerText属性修改元素的内容。例如:

```

// 修改class为myText的元素的内容

var elements = document.getElementsByClassName("myText");

for (var i = 0; i < elements.length; i++) {

elements[i].innerHTML = "新的文本内容";

// 或者使用innerText属性

// elements[i].innerText = "新的文本内容";

}

```

3. 通过标签名获取元素,使用innerHTML属性或innerText属性修改元素的内容。例如:

```

// 修改所有p标签的内容

var elements = document.getElementsByTagName("p");

for (var i = 0; i < elements.length; i++) {

elements[i].innerHTML = "新的文本内容";

// 或者使用innerText属性

// elements[i].innerText = "新的文本内容";

}

```

4. 通过querySelector获取元素,使用innerHTML属性或innerText属性修改元素的内容。例如:

```

// 修改第一个class为myText的元素的内容

document.querySelector(".myText").innerHTML = "新的文本内容";

// 或者使用innerText属性

// document.querySelector(".myText").innerText = "新的文本内容";

```

5. 通过id获取链接元素,并使用href属性修改链接的目标地址。例如:

```

// 修改id为myLink的链接的目标地址

document.getElementById("myLink").href = "目标的网址";

```

posted @ 2023-04-20 11:09  code星  阅读(357)  评论(0)    收藏  举报