有关appendChild的Javascript问题
[英]Javascript Question regarding appendChild
问题描述
我只是学习javascript，我只是想知道为什么这行不通。 我创建了一个按钮，当单击它时，我分配了一个函数，该函数应该在我的所有段落中附加一些文本。 我不知道为什么它不起作用：
<html>
<head>
<title>javascript test</title>
</head>
<body>
<script language="javascript" type="text/javascript">
function appendStuff(){
var node = document.getElementsByTagName("P");
node.appendChild.createTextNode('Here's some text');
return true;
}
</script>
<noscript>
Your browser doesn't support javascript.
</noscript>
<input type="submit" value="click me" onclick="appendStuff();" />
<p>
This is the first paragraph.
</p>
<p>
This is the second paragraph.
</p>
<p>
This is the third paragraph.
</p>
</body>
</html>
6 个解决方案
解决方案1
2 已采纳 2011-06-27 04:46:37
您应该将新节点作为参数传递给appendChild方法，例如：
var nodes = document.getElementsByTagName("P");
for(var i=0; i<nodes.length; i++) {
nodes[i].appendChild(document.createTextNode("Here's some text"));
}
解决方案2
0 2011-06-27 04:46:53
document.getElementsByTagName返回一个元素列表（数组），而不是一个元素列表，您必须选择一个想要追加的元素（即node [0]）
解决方案3
0 2011-06-27 04:50:10
尝试这个
<html>
<body>
<script language="JavaScript">
function function11() {
var myNode = document.createTextNode("New Text Node");
document.body.appendChild(myNode);
}
</script>
<button onclick="function11();">Create text node</button>
</body>
</html>
解决方案4
0 2011-06-27 04:53:59
function appendStuff(){
var node = document.getElementsByTagName("P");
var txt = 'Here is some text';
var newT = document.createTextNode(txt);
node.appendChild(newT);
return true;
}
尝试以上方法！！！
解决方案5
0 2011-06-27 05:23:48
> <script language="javascript"
> type="text/javascript">
语言属性已弃用了十多年，不应使用。
> function appendStuff(){ var node = document.getElementsByTagName("P");
> node.appendChild.createTextNode('Here's some text');
> return true;
> }
正如其他人指出的那样， getElemetsByTagName返回一个活动的NodeList ，它具有length属性，并且其成员可以通过索引访问。 请注意，虽然它类似于数组，但不是数组。
可以使用以下命令将文本元素附加到NodeList中的第一个节点：
node[0].appendChild(document.createTextNode("Here's some text"));
但是，在尝试调用其方法之一之前首先查看node[0]存在更加安全。
> <noscript> Your browser doesn't
> support javascript. </noscript>
浏览器显示noscript元素的事实并不一定意味着该浏览器不支持javascript。 noscript元素的描述包括：
The NOSCRIPT element allows authors to provide
alternate content when a script is not executed.
> <input type="submit" value="click me"
> onclick="appendStuff();" />
带有提交类型的输入旨在采用表格形式，并用于提交表格。 这里的type属性更合适的值是“ button”。 而且，不需要XML样式的结束标记。
解决方案6
-1 2011-06-27 04:49:24
document.getElementsByTagName返回获取的Dom的“数组”，而不是一个dom。 因此，您需要使用此数组或sth的for循环指定单个dom。
appendChild（）和createElement（）Javascript问题
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.