JQYER createElementNS
时间: 2023-11-04 15:52:14 浏览: 22
createElementNS 是一个 JavaScript 方法,用于创建一个指定了命名空间 URI 和限定名的元素节点。
例如,如果你想要在 HTML 页面上创建一个 SVG 图形元素,你可以使用 createElementNS 方法来创建它。
示例代码如下:
```javascript
const svgns = "http://www.w3.org/2000/svg";
const svgElement = document.createElementNS(svgns, "svg");
svgElement.setAttribute("width", "200");
svgElement.setAttribute("height", "200");
// 添加一个矩形元素
const rectElement = document.createElementNS(svgns, "rect");
rectElement.setAttribute("x", "50");
rectElement.setAttribute("y", "50");
rectElement.setAttribute("width", "100");
rectElement.setAttribute("height", "100");
rectElement.setAttribute("fill", "red");
svgElement.appendChild(rectElement);
document.body.appendChild(svgElement);
```
上述代码中,我们通过 createElementNS 方法创建了一个命名空间为 "http://www.w3.org/2000/svg" 的 SVG 元素 `<svg>`,然后创建了一个矩形元素 `<rect>` 并添加到了 `<svg>` 元素中,最后将 `<svg>` 元素添加到了页面的 `<body>` 中。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)