将display设置为none将svg元素从DOM中移除
Setting display to none remove the svg element from DOM
使用jquery或javascript将display设置为none会将svg元素从DOM中移除。这很奇怪。
我试图显示一个弹出对话框与确定和取消按钮使用jquery工作,但点击任何按钮后,它从DOM删除整个svg元素
代码:<div id="dialog" class="bs-example web_dialog">
<form>
<div class="form-group">
<div class="col-lg-4" style="left: 173px; top: 258px; visibility: visible; position: absolute; overflow: visible; border: 1px solid #C5C5C5">
<label for="inputEmail">Unique Id/Mobile Number:</label>
<input type="number" class="form-control" id="inputEmail" placeholder="Unique Id" width="10px">
<label for="inputPassword">Document URL</label>
<input type="url" class="form-control" id="inputPassword" placeholder="URL">
<br>
<div class="btn-sm">
<button type="submit" id="btn_save" class="btn btn-primary btn-sm">Ok</button>
<button type="submit" id="btn_cancel" class="btn btn-primary btn-sm" onclick="closePopUp(event)">Cancel</button>
</div>
</div>
</div>
</form>
</div>
<button type="submit" id="btn_cancel" class="btn btn-primary btn-sm" onclick="closePopUp()">Cancel</button>
function closePopUp()
{
document.getElementById('dialog').style.display = 'none';
}
执行上面的操作是从DOM中移除svg元素
在表单中按提交按钮是问题所在。即使表单元素没有任何表单属性的常见属性,按下提交按钮也会重新加载页面
选项1:除非你正在提交数据否则不要使用
选项2:在提交按钮onclick
中返回falsep相关文章:
- SVG使用Javascript将文件上载到DOM就绪元素
- SVG DOM对象间距/重叠
- Web应用程序性能:SVG、Canvas或Dom Manipulation
- 以文本形式检索对象元素中的SVG Dom
- angular2:使用*ngIf构建svg图标不会给DOM添加任何内容
- JavaScript访问SVG的内部DOM
- 在没有DOM附加的情况下将多个SVG加载到javascript数组中
- 如何将 javascript 中的 dom 从 SVG 更改为 HTML 页面
- 如何选择(和更改)已经附加到 dom 的 svg
- SVG DOM 使用变量来定义对象属性
- 如何将<图像>元素添加到 SVG DOM
- 如何在虚拟 dom 中定义 svg 属性
- 使用Angular时如何获取当前渲染的(SVG)DOM
- 通过 DOM 生成的 SVG 辐射未渲染
- 哪个 SVG/SMIL DOM 元素具有“beginElement”方法
- svg 图像被添加到 DOM 中,但除非在 Firebug 中触摸,否则不可见
- 如何将内联 svg(在 DOM 中)绘制到画布
- 如何从d3节点数据中获取dom-svg元素
- Javascript DOM SVG动画事件处理程序
- 添加一个DOM/SVG元素与d3 javascript库改变变量引用/范围,为什么