gpt4 book ai didi

JavaScript 输出 HTML

转载 作者:太空狗 更新时间:2023-10-29 16:48:37 25 4
gpt4 key购买 nike

我想知道是否有人可以用这个简单的代码帮助我如果同意 cookie 策略,但是我在使用 JS 片段将横幅加载到我的页面顶部时遇到问题。

这就是我用来显示框的代码示例不会工作。

<table>
<tr>
<td>Test</td>
<td>Table </td>
</tr>
</table>

抱歉更新了带有超链接的作品

<script type="text/javascript">
function changeText()
{
document.getElementById("new_coder").innerHTML = '<a href="#">sdsd</a>';
}
</script>
<b id='new_coder'>Good Bye World</b>
<input type='button' value='Change Text'/>

这就是我想要做的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script type="text/javascript">
function changeText()
{
document.getElementById("new_coder").innerHTML = '<table>
<tr>
<td>Test</td>
<td>Table </td>
</tr>
</table>';
}
</script>
<b id='new_coder'>Good Bye World</b>
<input type='button' onclick='changeText()' value='Change Text'/>
<body>
</body>
</html>

有没有更好的函数可以通过 JavaScript 将 HTML 片段加载到页面中。抱歉,我在这方面有点粗略。

谢谢黛布

最佳答案

您实际上遇到了 javaScript 怪癖。

JS 具有自动分号插入功能,它的作用是在换行时插入分号。

如果你这样写你的函数:

JSfiddle

function changeText()
{
document.getElementById("new_coder").innerHTML = "<table><tr><td>Test</td><td>Table </td></tr></table>";
}

它会起作用的。

注意代码中没有换行符

您可以通过按 F12 并查看您的控制台来获得线索。

Uncaught SyntaxError: Unexpected token < 

就在你换行的地方。

关于JavaScript 输出 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16762090/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com