问题标签 [createelement]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
169296 浏览

javascript - 在javascript中的div元素内创建一个div元素

我正在尝试一个非常基本的示例来创建一个div已经存在的div.

当我使用时,它似乎不起作用:

但是当我这样做时效果很好:

我需要添加windows.onload功能吗?虽然即使那样也行不通!

HTML 代码:

JS代码:

0 投票
0 回答
104 浏览

javascript - 删除 div 作为用户删除 javascript 中的输入

我正在尝试获取用户输入,匹配结果,在下拉列表中显示结果,然后单击下拉列表中的名称以显示它。我已经能够使用 innerHTML 在下拉列表中显示结果,但它不可点击,所以现在我正在动态创建 Div 元素。但是,我不确定当用户按下退格键时如何清除列表。我以前是用document.getElementById('placeholder').innerHTML=""语句来做的。这是我到目前为止所做的。注释中的代码适用于我使用 innerHTML 显示下拉菜单时的代码:

HTML 代码:

JS代码:

0 投票
3 回答
178 浏览

javascript - 有没有办法在 Jquery 链接语句中添加 x 元素作为新创建元素的子元素?

我正在使用以下内容:

并且需要在x调用.div.grid

x=3有没有办法将x子 div 的数量附加到链中新创建的 div 元素?像可链接的东西for-loop

感谢您的见解!

0 投票
2 回答
337 浏览

javascript - 使用 jQuery 构建具有嵌套内容的元素

我使用以下内容使用 jQuery 在 JavaScript 中创建对象:

这很好用——通过设置html我设置文章内容的属性。

不过,此时我想做的是添加一个<h2>标签,以及一个<div>包含标签的<footer>标签。我对这个元素的大纲将如下所示:

  • 文章
    • h2
    • div
      • 页脚

这样做的最佳方法是什么?(注意这只是一个例子)。

更新:主要问题是,使用html属性,我如何添加多个元素?

我尝试了一个类似问题的方法,但在这种情况下它不起作用:

我已经制作了这个有效的小提琴..但我的 JS 仍然没有。我肯定错过了一些东西。

编辑:仅适用于 jQuery 1.8.*

0 投票
3 回答
185 浏览

javascript - 在 Javascript 中创建动态 CSS

我正在尝试为 Google 地图创建一个信息窗口,并且需要生成一个动态表单来显示信息。

以下脚本会生成一个名为"No_found_err: DOM exception 8"的错误:

此错误出现在最后两行之间。这是否意味着尚未创建标签 ID“poiName”和/或“poiDesc”?

我该如何解决上述问题?

谢谢你。

0 投票
4 回答
32309 浏览

javascript - javascript复选框创建元素

我正在尝试将复选框列表添加到表单中。当我使用以下代码时,我得到了数组中的所有项目但没有复选框,所以我不能选择任何东西。我确信有一个非常简单的解决方案,但我看不出我做错了什么(我是新手)。非常感谢您的帮助。这是代码:

0 投票
1 回答
347 浏览

javascript - 多个 appendChild 调用不起作用

我通读了几个线程,但没有找到明确的答案。我正在使用 JavaScript 库 (Drinks.js) 在我的网页上放置几个小部件。以下代码将向我的 div 元素添加一个项目pnlThermo

好吧,现在我想向同一个 div 元素添加几个项目。无论我是使用 for 循环还是显式调用该函数,都只会呈现第一项。例如:

导致T1只显示。也许我错过了一些东西,我对 JavaScript 编程很陌生。

提前致谢。

0 投票
4 回答
2842 浏览

javascript - 创建 img 元素并附加到 dom 没有终止

我已经有了一个非常复杂的 DOM 结构,我想消除未终止的图像元素导致问题的可能性。

看最简单的情况:

工作正常,但是当我检查 dom 时,我看到 img 元素没有终止斜杠,例如<img/>

简单布局视图中没有问题,但是当我查看包含大量这些元素的视图时,随机元素,甚至相同父节点中的相似图像都不会呈现,尽管它们的节点位于 dom 检查器中。缺少终止会导致树出现任何问题吗?

0 投票
2 回答
1433 浏览

javascript - 将 HTML 元素复制并插入到新的弹出块中

我想完全复制所有元素

(+ div 包括)在新的弹出窗口中显示其内容

我试着做这个简单的方法:http: //jsfiddle.net/ApBSN/3/

它可以工作...但是该函数不会复制代码,而是将其从一个地方移动到另一个地方,从而有效地将其从原始位置删除。我只想复制块。是的,我知道页面不能是 2 个“ID”,但是有了这个,我会更加照顾自己。

想法?

0 投票
2 回答
765 浏览

javascript - 使用 createDocumentFragment() 将 Ajax 附加到元素;而不是创建元素

这篇文章最有助于理解 createDocumentFragment() 而不是 createElement() 我应该使用 document.createDocumentFragment 还是 document.createElement

我已经明白,出于性能原因,使用片段将有助于大数据集,所以我想转换我的函数。

这就是我现在使用的,它可以按需要工作=>使用 ajax 从 php 文件中获取内容,然后将此内容附加到新的现有内容的顶部(即 XMLHTTP /ACTIVE OBJECT)div#wrapperdiv.feedBoxr

这是我尝试过的,但发生的情况是添加了内容但没有 div.feedBox

我错过了什么?你能解释一下为什么以及如何让它发挥作用吗?这真的是一种更有效的方法吗?

PS:请不要使用jquery。我很了解它,我在其他项目中广泛使用它,但我希望它尽可能小/精简/高效。