JS成功添加了一个标签,但网页显示失败
JS successfully appends a tag, web page fails to display though
下面的函数表示将<polygon></polygon>
插入<svg id = "svg-overlays"></svg>
。
我可以看到,当函数被调用时,元素被成功插入。然而,多边形仍然不可见。如果我在html文档中手动插入,我会得到所需的多边形。
无法确定这里有什么问题。
function changeFloorImage(floor) {
var overlays = document.getElementById("svg-overlays");
var polygon = document.createElement("polygon");
polygon.className = "apartment-overlay";
polygon.setAttribute("points", "740,88 972,88 972,353 740,353");
overlays.appendChild(polygon);
};
尝试使用
document.createElementNS("http://www.w3.org/2000/svg", "polygon");
您需要指定SVG名称空间。在stackoverflow中有几个例子。
在HTML中使用javascript动态创建SVG元素
使用DOM将SVG元素添加到现有SVG
相关文章:
- 如何在一个网页网站中处理基于document.write()的广告标签
- 从谷歌chrome中的任何网页获取所有tel标签
- 如何将主题标签链接集成到网页中并基于该哈希标签加载模态
- 可以在正文标签的末尾引导角度,使网页比在正文标签上使用ng-app慢
- Chrome 内容脚本在给定标签页的所有网页中运行
- 使用Java,如何验证/验证Google Analytics异步跟踪代码(分析片段)位于网页源的标签部分下
- 如何使用JavaScript或jQuery将所选文本包装到特定标签中的网页中
- 在网页的特定位置找到带有特定标签的元素
- 如何从外部javascript(js)文件在网页中添加样式标签
- 如何重新加载浏览器的每一个标签打开我们的网页
- 匹配网页中的字符串和HTML标签
- 从网页中提取图像源,其中img标签可能会在使用javascript etcq渲染页面时添加
- 如何管理网页标签移动没有页面刷新
- 我在JavaScript中创建了图像标签,但它没有在网页上显示图像
- 动态地从网页中修改标题标签
- 不带标签的网页内部链接
- 从网页中删除CSS(动态加载,编译,不链接标签)
- 从网页抓取中删除空白
标签nodejs - JS成功添加了一个标签,但网页显示失败
- 将多个文件直接粘贴到带有输入标签的网页中