从XML字符串创建DOM元素，如何使用.getElementsByName（）？

Question

因此，我尝试将通过XML字符串创建的DOM元素插入文档中。 但是首先，我试图修改该字符串中某些元素的innerText。 我正在尝试使用以下内容...

refElem = document.createElement('div');
refElem.innerHTML = xmlString;
...
newChild = document.createElement('div');
newChild.innerHTML = refElem.innerHTML;
newChild.getElementsByName('title') ...

但我收到以下错误：

main.js:140 Uncaught TypeError: newChild.getElementsByName is not a function

有人知道如何将xml字符串解析为DOM元素并在将该元素插入到页面中之前对其进行操作吗？

没有jQuery的答案，请！ 仅Vanilla JS！

Answer 1

getElementsByName和getElementByID是DOM文档对象的功能，而不是DOM元素对象的功能。 要搜索DOM元素对象，请使用querySelector或`querySelectorAll。

例如：

newChild.querySelectorAll('#title');