您遇到的问题是,因为您返回了子级的原始“数组”,所以您需要做的是返回一个副本:
const svg = document.querySelector('svg');
const svgns = "http://www.w3.org/2000/svg"
const element = ['rect', 'circle'];
//fn for append
const fnOne = (element) => {
const child = document.createElementNS(svgns, element);
svg.append(child);
}
//append all elements
for (const elements of element) {
const element = elements;
fnOne(element)
};
// get all the children elements **up to this point in time**
const fnTwo = (element) => {
const children = [...element.children]; //shallow copy of the array
//do something with the children
console.log(children); //brings all children added before + after
}
const children = fnTwo(svg);
//add a path to test if it is retrieved through fnTwo
const childThree = document.createElementNS(svgns, 'path');
svg.append(childThree);
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Document</title>
</head>
<script type="text/javascript" src="https://d3js.org/d3.v7.min.js"></script>
<body>
<svg>
</svg>
</body>
</html>
