问题标签 [appendchild]

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 投票
2 回答
8159 浏览

javascript - Javascript DOM - 将表单元素添加到新创建的 appendChild?

我有两个函数来添加和删除包含表单输入元素的表行。它们都工作正常,但我有一个问题,我需要仅在随后创建的表行上显示删除按钮输入。我的两个功能如下:

html内容是:

我绝不是 Javascript 专家——更像是一个新手——所以我正在努力想出一个解决方案。

0 投票
3 回答
8669 浏览

javascript - IE6/IE7 中的 appendChild 不适用于现有元素

我有一个 div 需要在 DOM 中从一个地方移动到另一个地方。所以目前我正在这样做:

但是,IE,嗯,IE,它不起作用。它适用于所有其他浏览器,只是不适用于 IE。

我需要这样做,因为元素(div)'oUpdater_About'需要被重复使用,因为它被一遍又一遍地填充。

所以我只需要能够在 DOM 周围移动 div,appendChild 会让这发生在所有浏览器中,但是,IE。

提前致谢!

0 投票
2 回答
1672 浏览

javascript - 在鼠标悬停时附加子级

我正在使用 javascript 和 jquery 的组合搜索和显示来自 xml 文件的结果。结果显示为缩略图,单击时应在 jquery colorbox 中显示更多信息。颜色框中的信息来自内联隐藏的 div(#affInfo)。我正在尝试使用缩略图中锚标记上定义的 onmouseover 事件将新的 div(pWindow) 附加到隐藏的 div。这不起作用,并且萤火虫控制台在元素列表 showInfo([object HTMLDivElement]) 之后返回错误消息“缺少 ]”

请查看我的代码并建议如何解决此错误。

0 投票
2 回答
134 浏览

javascript - 页面刷新时图像中断?

我正在使用 Ajax 从数据库中提取数据,并使用图像元素动态填充 div 标记。图像文件名对应数据库中的数据。

例如,如果数据库中有一个名为“foo”的东西,我就有一个名为“img/foo.jpg”的项目

如果 'img/foo.jpg' 设置类,然后将其写入正确的 div,我的 javascript 会提取数据并使用 src 创建一个图像。

在大多数情况下,这可以按预期工作,但偶尔会在刷新时(我让它查询数据库,清除所有 div,并每 30 秒重写一次节点),有时某些图像会中断/不加载。没有押韵或理由是哪一个,有时它不会发生,有时会发生几个。

如果您右键单击 -> 显示图像,手动刷新,或等待它再次拉取数据,它会按预期显示图像。因此,我知道数据正在被正确地提取和写入,并且似乎无法加载图像。

有谁知道为什么或如何解决这个问题?

0 投票
2 回答
2493 浏览

javascript - 为什么 removeChild() 会阻止我在 Javascript 函数中执行 appendChild()?

在这段代码中,当我调用 cleanGrid() 函数时,我的目标是摆脱“circle”类的 div,并将其替换为“square”类的 div。对于我真正使用此代码的原因,它们不是可替换的项目,因此 replaceChild() 不起作用。如果我注释掉对 cleanGrid() 的函数调用,则代码运行良好,并且该按钮只会为每次单击添加一个带有“square”类的 div。我想要实际发生的是 cleanGrid() 删除“网格”div中的任何内容,并为调用此函数后应添加的任何内容留出空间-但在调用此函数后无法添加任何内容,我不知道为什么。

0 投票
4 回答
2671 浏览

javascript - 旧 IE 浏览器中的 appendChild

我正在尝试在我的 javascript 代码中创建一个新元素并将其附加到我的一个元素中。但似乎旧的 IE 浏览器不支持此功能,我的代码在我使用 appendChild 功能的那一行中断。

有什么替代品可以用于 IE 吗?

谢谢你。

PS 代码在现代浏览器中运行良好。

UPD:以下代码解决了我的问题的最后一部分,我可以将空子附加到父级:

但是我仍然需要在子元素中放入一些数据。createTextNode, innerHTML,setAttributes不工作。

0 投票
7 回答
17431 浏览

javascript - JavaScript IE appendChild() - 对方法或属性访问的意外调用

我一直在IE中遇到这个问题。我有两个 div,用于将选定的元素从一个拖动到另一个。假设我在 div1 中有一个子元素(也是一个 div),在 div2 中有一些子元素。我在 div1 的子元素上调用 div2.appendChild() 方法。它从 div1 中删除子元素并将其附加到 div2。如果我然后尝试将孩子附加回 div1,我会在 IE 中收到以下异常“意外调用方法或属性访问”。它在 Firefox 中运行良好。请参阅下面的 javascript 代码片段。

这基本上在拖动时将选定的子 div 从一个父 div 移动到另一个父 div。

0 投票
2 回答
706 浏览

javascript - Javascript appendChild name property

So I'm trying to add attributes to a radio button input, specifically the name attribute in Javascript. I'm appending children to a main object and when I use Object.setAttribute("name", value); and subsequently check the innerHTML of the appended input, it does not even contain a name property at all!

I'm guessing I'm missing something simple or there is a way around it but I've been wrestling with this problem for quite a while with no success. I tried accessing the property directly using Object.name = value and Object.nodeName = value (that one was a random try).

Is there some sort of problem in which IE6's javascript rendering engine does not recognize setAttribute("name", value)? Is there a way around it?

0 投票
2 回答
9330 浏览

javascript - 如何将 DOM 元素附加到 JavaScript 中的空元素中?

我有一堆对象返回一个 DOM 树,然后我用它来附加到一个元素。例如,

我最终会变成这样:

这三个 DIV 是由第三方代码创建的,我在这里将它们包装在我的 DIV 标签周围,但我想要的只是将它们附加到一个空元素,但它不起作用:

预期成绩:

我不确定这对你是否有意义,但我需要使用 DOM,我不能将这些内容放在任何其他元素中......

0 投票
2 回答
479 浏览

appendchild -
从a中删除a的最佳方法是什么
是使用 appendChild 创建的?

我正在使用 document.createElement('input') 动态创建文本框,并使用相同的方法在它们之间添加一个中断 - 然后使用 .appendChild 将其添加到我的 div 中。

我可以使用 .removeChild 删除这些文本框,这很好,但中断仍然存在。

我的问题是如何删除每个文本框之间创建的每个中断?