element.appendChild(node)是否将父节点的属性应用到子节点
Does element.appendChild(node) applies properties of parent node to child node?
我是HTML和JS的新手。需要创建动态展开-折叠列表。var parentId = document.getElementById("ABCD")parentId.setAttribute("data-toggle"、"崩溃")parentId.setAttribute("数据目标"、"# collapse1")var tag = document.createElement("ul");tag.setAttribute("id"、"collapse1")tag.appendChild (document.createTextNode("PQR"))parentId.appendChild(标签)
尝试列表为-ABCDPQR
所以在这种情况下,当我点击ABCD, PQR得到扩展/折叠。但问题是,点击PQR,它又崩溃了。父节点的属性也会应用到子节点吗?
这并不是说它获得了父类的属性,这与如何处理事件有关,特别是事件冒泡。当您单击子元素时,将为您所单击的所有父元素触发一个click事件
要取消事件从冒泡当你点击附加的元素,你需要event.stopPropagation()
内的点击处理程序的新元素
在附加它们之后执行以下操作
// tag.appendchild code goes here, then do the following
document.querySelector("#collapse1").onclick=function(event){
event.stopPropagation();
}
还有,我应该提一下,所有这些都将比使用jQuery容易10倍
相关文章:
- 有条件地在选项标记中应用布尔属性
- 表单's的action属性-如何在javascript中指定完整的应用程序路径
- CSS根据属性的可用性有条件地应用样式
- 如何在不链接/jquery的情况下使用方法应用css属性数组
- vendors.js:未捕获类型错误:无法读取属性'应用'使用webpack时未定义的
- 使用 SharePoint 查询字符串值作为应用程序部件属性
- 我把“;类“;SVG中存在但未应用的节点的属性!为什么?
- javascript对象属性应用于所有对象
- 如何在单击时将 css 属性应用于选项卡
- 将 CSS 属性应用于具有 JS 中变量的图像
- D3 缩放 - 无法读取未定义的属性“应用”
- 在 JavaScript 中将基类型的属性应用于子类型
- 如何在 Javascript 中使用元素的 CSS 路径将 CSS 属性应用于元素
- 此脚本将特定属性应用于网站上的所有链接.如何排除pdf和zip文件
- 无法通过XML中的类属性应用CSS
- 在javascript中通过class属性应用样式时是否有限制?
- element.appendChild(node)是否将父节点的属性应用到子节点
- 如何将属性应用于存在但不立即可见的Titanium元素
- 如何对下拉列表项的标题属性应用样式
- 将属性应用于存储在jQuery包装器中的变量中的嵌套标记