在JavaScript中，有多種方法可以返回HTML代碼，以下是一些常見的方法：

1、使用innerHTML屬性

innerHTML屬性用于獲取或設(shè)置元素的內(nèi)容（包括HTML標(biāo)簽），要返回HTML代碼，可以將元素的innerHTML屬性設(shè)置為一個(gè)包含HTML標(biāo)簽的字符串，以下是一個(gè)示例：

// 獲取一個(gè)元素
var element = document.getElementById("myElement");
// 設(shè)置元素的innerHTML屬性為HTML代碼
element.innerHTML = "
Hello, World!
";

2、使用createElement和appendChild方法

createElement方法用于創(chuàng)建一個(gè)新的HTML元素，而appendChild方法用于將新創(chuàng)建的元素添加到現(xiàn)有的HTML文檔中，以下是一個(gè)示例：

// 創(chuàng)建一個(gè)div元素
var newDiv = document.createElement("div");
// 設(shè)置div元素的innerHTML屬性為HTML代碼
newDiv.innerHTML = "
Hello, World!
";
// 將新創(chuàng)建的div元素添加到現(xiàn)有的HTML文檔中
document.body.appendChild(newDiv);

3、使用createTextNode和appendChild方法

createTextNode方法用于創(chuàng)建一個(gè)新的文本節(jié)點(diǎn)，而appendChild方法用于將新創(chuàng)建的文本節(jié)點(diǎn)添加到現(xiàn)有的HTML文檔中，以下是一個(gè)示例：

// 創(chuàng)建一個(gè)文本節(jié)點(diǎn)，內(nèi)容為HTML代碼
var newText = document.createTextNode("
Hello, World!
");
// 將新創(chuàng)建的文本節(jié)點(diǎn)添加到現(xiàn)有的HTML文檔中
document.body.appendChild(newText);

4、使用模板字符串和insertAdjacentHTML方法

模板字符串是一種允許嵌入表達(dá)式的字符串字面量，要返回HTML代碼，可以使用模板字符串創(chuàng)建一個(gè)包含HTML標(biāo)簽的字符串，然后使用insertAdjacentHTML方法將其插入到現(xiàn)有的HTML文檔中，以下是一個(gè)示例：

// 使用模板字符串創(chuàng)建一個(gè)包含HTML代碼的字符串
var htmlString = 
Hello, World!;
// 使用insertAdjacentHTML方法將HTML代碼插入到現(xiàn)有的HTML文檔中
document.body.insertAdjacentHTML("beforeend", htmlString);

5、使用DOM解析器和createElementNS方法（針對SVG）

如果需要返回SVG HTML代碼，可以使用DOM解析器和createElementNS方法，以下是一個(gè)示例：

// 創(chuàng)建一個(gè)SVG命名空間對象
var svgNamespace = "http://www.w3.org/2000/svg";
// 使用DOM解析器解析SVG代碼字符串
var parser = new DOMParser();
var svgDoc = parser.parseFromString("", "image/svg+xml");
// 使用createElementNS方法創(chuàng)建一個(gè)SVG元素，并將其添加到SVG命名空間對象中
var newSvgElement = svgDoc.createElementNS(svgNamespace, "circle");
svgDoc.documentElement.appendChild(newSvgElement);

在JavaScript中，有多種方法可以返回HTML代碼，可以根據(jù)具體需求選擇合適的方法，需要注意的是，返回的HTML代碼可能會影響現(xiàn)有的HTML文檔結(jié)構(gòu)，因此在使用時(shí)要小心。

分享名稱：js如何返回html代碼
分享URL：http://www.dlmjj.cn/article/dppoheh.html