html 在body末尾追加,JavaScript在元素尾部追加字符串

JavaScript在元素尾部追加字符串属于前端实例代码，有关更多实例代码大家可以查看。

应用中，可能需要在一个元素的末尾追加字符串，下面通过代码实例介绍一下如何实现。

实现方式有两种，一种是追加文本节点，另一种通过innerHTML属性实现。

如果要在字符串尾部追加参阅JavaScript 追加字符串一章节。

一.追加文本节点:

犀牛前端部落

window.onload = () => {

let txtNode = document.createTextNode("pipipi.net");

let odiv = document.getElementsByTagName("div")[0];

odiv.appendChild(txtNode);

}

犀牛前端部落

代码创建一个文本节点，然后将其追加到div的尾部。

二.通过innerHTML方式:

犀牛前端部落

window.onload = () => {

let str = "pipipi.net";

let odiv = document.getElementsByTagName("div")[0];

let originalStr = odiv.innerHTML;

odiv.innerHTML = originalStr + str;

}

犀牛前端部落

首先通过innerHTML获取div中原来的内容，然后追加内容后，再通过innerHTML写入div。

相关阅读：

(1).箭头函数参阅箭头函数介绍一章节。

(2).document.createTextNode()参阅document.createTextNode()一章节。

(3).getElementsByTagName()参阅JavaScript getElementsByTagName()一章节。

(4).innerHTML参阅JavaScript innerHTML 属性一章节。

(5).appendChild()参阅JavaScript appendChild()一章节。