Javascript createElement 和 appendchild 一步完成
Javascript createElement and appendchild in one step
我想创建一个元素,然后在一个步骤中将其与其他元素一起附加。
var header = document.createElement("thead").appendChild(document.createElement("tr"));
为什么此代码输出唯一的 TR 而不是 Thead?
当我使用此代码时,它是正确的(thead + tr 在那里)
var header = CH.createElement("thead");
header.appendChild(CH.createElement("tr"));
因为Node.appendChild()
返回追加的子项...
var appendedChild = element.appendChild(child);
.. 你可以简单地引用孩子的parentNode
,就像这样(小提琴样本):
var header = document.createElement("thead")
.appendChild(document.createElement("tr"))
.parentNode; // the row's parentNode, i.e.: thead
@antisanity有一个很好的解决方案。如果您的变量是预先声明的,另一种解决方案是执行此操作...
(header = document.createElement('thead'))
.appendChild(document.createElement('tr'));
这可确保在.appendChild()
之前对header
进行分配。
相关文章:
- 对父作用域的指令更新延迟了一步
- Parsley.js,多步骤表单,在移动到上一步时跳过验证
- 有没有一种方法可以在所有嵌套循环之后放置一个标签,以便在一步中将它们全部打断
- 如何禁用在Bootstrap中不完成一步就转到下一步
- 如何使用Jquery一步一步地获取PHP数据
- jQuery Slider 滑得太远了一步
- 将“下一步”和“上一个”按钮添加到较大的图像
- 引导表单向导 - 防止在提交 ajax 响应的每个页面表单出现错误时滚动到下一步
- 如何创建一个“下一步”按钮,使用 Java 脚本和 Twitter Bootstrap 切换选项卡
- 如何在单击下一步时使文本移动/更改
- 您如何控制在填写表单时单击下一步时 iOS/Android 将关注哪个字段
- JQuery SlideToggle()在放松的每一步都执行函数
- 对变更作出反应->setState落后一步
- AngularJS中的上一步
- Jquery UI选项卡-根据输入字段值,使用“下一步”/“上一步”按钮推进选项卡
- 我有一系列的处方受试者(a->B->C->a),但最后一步不起作用
- Jquery选项卡单击时高亮显示'下一步'按钮
- 如何解析用户对象以返回屏幕名称并继续下一步操作
- 如何点击谷歌饼图进入下一步行动
- Javascript createElement 和 appendchild 一步完成