javascriptで要素が無い場合、動作が止まってしまうのを解決したい。

Question

前提・実現したいこと

メルカリで出品されている画像のパスを取得するブックマークレットを作成しています。

例えば、
https://www.mercari.com/jp/items/m81694372121/
等のページでjavascriptのブックマークレットを起動させると

let element = d.getElementsByClassName("owl-lazy")[0];
eee1 = element.dataset.src;
f.value=eee1.substring(0,eee1.indexOf("?"));

↑上記の記述で画像を取得することはできますが、

例えば、
d.getElementsByClassName("owl-lazy")[9];
配列を[9]にすると

出品者によっては画像の10枚目などは無い場合があります。
そこでif分を使用し要素がnullかどうか判定して、
10枚目の画像のパスが無い場合は 変数に値を入れない状態にしたいです。

発生している問題・エラーメッセージ

エラーメッセージは無く動作がストップしてしまいます。

エラーメッセージ

該当のソースコード

javascript: (function(){

var d=document,f=d.body.appendChild(d.createElement("input"));
let element = d.getElementsByClassName("owl-lazy")[0];
eee1 = element.dataset.src;

if(eee1 == ""){
eee1 = "";
};

f.value=eee1.substring(0,eee1.indexOf("?"));



f.select();d.execCommand("copy");
d.body.removeChild(f);
alert("コピーしました");

})();

試したこと

if分などでnullじゃないか調べて見ましたが
途中で止まってしまいます。
変数が空の場合はjavascriptは動作をストップさせてしまうのでしょうか？

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

グーグルクロームで動作させたいです。
windows 7

ここにより詳細な情報を記載してください。

Comments

[gentaro]

DataSetのタグは全く関係ないと思われるんで外してください。

Answer 1

要素がないかもしれないのであれば

let element = d.getElementsByClassName("owl-lazy");
if (element.length > 0) {
:
}

で配列のサイズが0かどうかで判断すればいいと思います。

Comments

[yassandazo]

回答ありがとうございます。

javascript: (function(){var d=document,
f=d.body.appendChild(d.createElement("input"));
let element = d.getElementsByClassName("owl-lazy")[0];
if (element.length > 0)
{
<!--何も要素が無い場合は空白を入れる-->
element.value = ""
};
f.select();
d.execCommand("copy");
d.body.removeChild(f);
alert("コピーしました");})();
↑で試してみましたが、上手く動きませんでした・・・・

eee1 = element.dataset.src;

element.dataset.srcでdatasetのimgタグを取っているので

eee1のlenghtで空白の判定も可能なんでしょうか？

どうも動作が止まってしまうみたいです。

[KoichiSugiyama]

よくソースをみてください
誤）let element = d.getElementsByClassName("owl-lazy")[0];
正）let element = d.getElementsByClassName("owl-lazy");

要素がないのにあると仮定したコードになっていると、本当にない場合にアクセス違反発生して、そこで止まってしまうと思います。