通过javascript添加HTML 无标题 var newdiv=document.createElement('div'); var divIdName=aaa; newdiv.setAttribute('id',divIdName); newdiv.innerHTML='adadsfd'; 文件.body.appendChild(newdiv); ddgdf
我试图通过javascript附加一个简单的html元素,但它不起作用。请有人指出问题所在。您的通过javascript添加HTML 无标题 var newdiv=document.createElement('div'); var divIdName=aaa; newdiv.setAttribute('id',divIdName); newdiv.innerHTML='adadsfd'; 文件.body.appendChild(newdiv); ddgdf,javascript,Javascript,我试图通过javascript附加一个简单的html元素,但它不起作用。请有人指出问题所在。您的id字符串没有正确引用- <head> <title>untitled</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Geany 0.21" /> <script t
id
字符串没有正确引用-
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.21" />
<script type="text/javascript">
var newdiv = document.createElement('div');
var divIdName = aaa;
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML ='adadsdsfd';
document.body.appendChild(newdiv);
</script>
</head>
<body>
<div id="aa">
ddgdf
</div>
</body>
</html>
JavaScript将aaa
视为变量名
此外,您应该将脚本
移动到文档末尾。见@pawel的评论
最终代码-
var divIdName = "aaa";
无标题
ddgdf
var newdiv=document.createElement('div'),
divIdName='aaa';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML='adadsfd';
文件.body.appendChild(newdiv);
您的id
字符串没有正确引用-
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.21" />
<script type="text/javascript">
var newdiv = document.createElement('div');
var divIdName = aaa;
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML ='adadsdsfd';
document.body.appendChild(newdiv);
</script>
</head>
<body>
<div id="aa">
ddgdf
</div>
</body>
</html>
JavaScript将aaa
视为变量名
此外,您应该将脚本
移动到文档末尾。见@pawel的评论
最终代码-
var divIdName = "aaa";
无标题
ddgdf
var newdiv=document.createElement('div'),
divIdName='aaa';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML='adadsfd';
文件.body.appendChild(newdiv);
更改:
<html>
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.21" />
</head>
<body>
<div id="aa">
ddgdf
</div>
<script type="text/javascript">
var newdiv = document.createElement('div'),
divIdName = 'aaa';
newdiv.setAttribute('id', divIdName);
newdiv.innerHTML ='adadsdsfd';
document.body.appendChild(newdiv);
</script>
</body>
</html>
到
由于aaa
看起来不像变量,它应该是字符串,并在body
结束之前添加脚本,如
var divIdName = 'aaa';
var newdiv=document.createElement('div');
var divIdName='aaa';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML='adadsfd';
文件.body.appendChild(newdiv);
作为文档.body
将不可用于执行脚本时放置在头中的脚本更改:
<html>
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.21" />
</head>
<body>
<div id="aa">
ddgdf
</div>
<script type="text/javascript">
var newdiv = document.createElement('div'),
divIdName = 'aaa';
newdiv.setAttribute('id', divIdName);
newdiv.innerHTML ='adadsdsfd';
document.body.appendChild(newdiv);
</script>
</body>
</html>
到
由于aaa
看起来不像变量,它应该是字符串,并在body
结束之前添加脚本,如
var divIdName = 'aaa';
var newdiv=document.createElement('div');
var divIdName='aaa';
newdiv.setAttribute('id',divIdName);
newdiv.innerHTML='adadsfd';
文件.body.appendChild(newdiv);
当脚本执行时,document.body
中的aaa
中的divIdName
被视为变量,但我看不到它在任何地方定义。可能您想要“aaa”
(一个字符串)?如果您查看浏览器的错误控制台,您可能会看到一个错误,说aaa
未定义。除了aaa
未定义之外,您还试图在document.body
可用之前访问它。将脚本移动到文档末尾。未捕获引用错误:未定义aaa是错误。。。。将其更改为“aaa”。。。那么你的代码就行了<divIdName
中的code>aaa
被视为变量,但我看不到它在任何地方定义。可能您想要“aaa”
(一个字符串)?如果您查看浏览器的错误控制台,您可能会看到一个错误,说aaa
未定义。除了aaa
未定义之外,您还试图在document.body
可用之前访问它。将脚本移动到文档末尾。未捕获引用错误:未定义aaa是错误。。。。将其更改为“aaa”。。。那么你的代码就行了。