Javascript 元素不'；使用document.write时，检查元素中不显示

我编写了以下JS代码：

<script>
function myFunction() {
  document.write("<img src=x>")
}
myFunction();
</script>

函数myFunction（）{
文件。写（“”）
}
myFunction（）；

当我在Chrome中使用Ctrl+Shift+I，然后使用Ctrl+F，然后我键入

并找到

0/0时，我的功能工作正常，并向页面添加新的img标记。如何解决此问题？
根据您的评论：

在chrome中按ctrl+shift+i，然后按ctrl+F，然后按i键，我将找到0中的0

没有必要那样做。只需在图像上单击鼠标右键，然后单击“检查”。Chrome将带您直接进入“元素”面板

在“元素”面板中重新搜索：

“元素”面板并不显示您编写的确切HTML，而是显示DOM，呈现为规范HTML。例如，
src
属性将在引号中

但是“元素”面板中的搜索框不搜索HTML，而是搜索DOM。因此，键入纯文本将匹配文本节点中文本中的文本、属性中的文本、属性名称、标记名称等，但不匹配精确的HTML。因此，如果您搜索图像的URL，它会找到它，但如果您搜索
，它不会找到它。这与通过
文档添加的内容无关。写
，这只是Chrome元素面板的工作方式

您可以通过键入XPath或CSS选择器来找到元素，例如
img[src=x]
将找到它。下面是一个示例（我使用了您的Gravatar而不是
x
）：


在这里，您可以看到选择器
img[src*=gravatar]
找到了图像，因为该选择器（使用“contains”属性选择器，
*=
）与元素匹配。
“…并搜索结果（），结果显示为0…”您如何搜索？（Inspect元素应该会带您直接找到它。）chrome中的0显示了什么？@T.J.Crowder ctrl+shift+i，然后ctrl+F，然后i键入，我找到了0中的0