javascript - 使用 JavaScript 在新标签元素中创建标签元素-6ren

javascript - 使用 JavaScript 在新标签元素中创建标签元素

转载作者：行者123 更新时间：2023-11-28 00:51:55

25

4

我是 javascript 新手，因此我试图在不使用 JQuery 之类的包的情况下自学基础知识，以便更好地理解该语言。

我的问题是关于仅使用 javascript 在另一个 html 标签中创建 html 标签，我似乎无法在不出现错误的情况下执行此操作(发布在底部)。

例如，我一直在尝试做的是通过以下方式使元素成为彼此的子元素:

<!doctype html>
<html>
<head>
</head>
<body>
    <script>
    var element1 = document.createElement("div");
    var element2 = document.createElement("svg");
    var element3 = document.createElement("rect");
    element1.setAttribute('id', 'div1');
    element2.setAttribute('id', 'out');
 //This is where I fall short
 //One way i have tried
    document.getElementById('div1').appendChild(element2);
    document.getElementById('out').appendChild(element3);
//another way I have tried
    document.getElementByClassName('div').appendChild(element2);
//last way I tried 
    document.getElementById('div1').innerHTML = element2;
</script>
</body>
</html

尽管我一直在努力完成这项工作，但我一直未能完成任务，因此我不断收到错误

 "TypeError: 'null' is not an object (evaluating 'document.getElementBy(Id/ClassName)
 ().innerHTML/appendChild')

非常感谢任何帮助!另外，如果问得不算太多，因为我仍在尝试理解 javaScript 概念，请解释一下您的回答。

最佳答案

问题是 document.getElementById('div1')仅当该元素位于文档中时才有效，因为您已经拥有对该节点的引用，因此请使用它:

element1.appendChild (element2);

或者:

document.body.appendChild(element1);
document.getElementById ('div1').appendChild (element2);

这会将节点附加到<body>元素，然后搜索 document对于元素 id .

关于javascript - 使用 JavaScript 在新标签元素中创建标签元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26670159/

25

4

0

文章推荐： javascript - 从 Windows 服务 C# 调用 javascript 函数

文章推荐： javascript - 如何获取类检索的项目数组中的第 n 个子项？

文章推荐： c++ - iostream 限制要读取的最大字符数

首页

博学

6Ren·AI

商城