JS：测试元素存在和标签名称为一行

如何解决JS：测试元素存在和标签名称为一行

我正在尝试在 DOM 中找到正确的 a 标签。为此，我需要解析它的直接邻居：

let strongTags = document.querySelectorAll('div.entry p strong');
for (let i = 0; i < strongTags.length; i++) {
    if (strongTags[i].textContent.toLowerCase().match("size")) {
        let dbATag;
        if (strongTags[i].nextElementSibling) {
            if (strongTags[i].nextElementSibling.tagName == "A") {
                dbATag = strongTags[i].nextElementSibling;
            } else if (strongTags[i].nextElementSibling.nextElementSibling) {
                if (strongTags[i].nextElementSibling.nextElementSibling.tagName == "A") {
                    dbATag = strongTags[i].nextElementSibling.nextElementSibling;
                }
            }
        }
    }
}

如您所见，我不知道 a 标签是在 nextElementSibling 中还是在第二个 nextElementSibling 中。理论上可能有第三个，但我从未在数据中看到过。我想要直接从当前父级中的 strongTags[i] 位置的 querySelector('a') 之类的东西。但这是另一个我不知道的。

我目前的主要问题是我无法测试 strongTags[i].nextElementSibling 是否存在以及 tagName 是否为 A，如下所示：

if (strongTags[i].nextElementSibling && strongTags[i].nextElementSibling.tagName == "A").

即使它不存在，解释器仍然尝试测试 tagName。这会导致停止进一步执行我的脚本的错误。这就是为什么我现在把它分成两行。

我怎样才能更漂亮地解决这个问题？ :)

编辑： 我对 DOM 创建没有影响。我使用 Tampermonkey 进行页面修改。

而且我不能发布页面本身。但如果有帮助，我可以从该部分发布一部分 DOM：

<div id="content">
    <div class="post">
        <h1 id="post-1243629">Post-Header</h2>
            <div class="entry">
                <p></p>
                <blockquote>
                    <p></p>
                    <p></p>
                </blockquote>
                <p><strong>Date: </strong>ddmmyyy / 
                    <strong>Format: </strong>$ / 
                    <strong>Optional strong tag: </strong>Data / 
                    <strong>Size: </strong>MB / 
                    <strong>Db:</strong><a href="">xyz</a>
                    <strong>Optional strong tag: </strong>Data /
                </p>
                <p><strong></strong><br />
                    <strong></strong> <a href=""></a><br />
                    <span>
                        <strong></strong> <a href=""></a><br />
                    </span>
                    <span id="">
                        <strong></strong> <a href=""></a><br />
                        <strong></strong> <a href=""></a><br />
                        <strong></strong> <a href=""></a><br />
                    </span>
                    <strong></strong>
                </p>
            </div>
    </div>
</div>