JavaScriptで値を取得することができない。

Question

実現したいこと

仕事場で使用している作業ログを登録するサイトで、ブックマークレットから定型文をtextareaや、inputに挿入したい。

前提

ブックマークレットの作成方法や、JavaScriptの基礎は理解しております。

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

仕事場で使用しているサイトは、ログを記入する際にモーダルウインドウが表示されます。
以前までは getElementById を使用することで、textareaやinputの値を取得することや、書き換えを行うことができていましたが、サイトがアップデートされ、各入力項目にUndoボタンが設置されたときから値を取得することができなくなりました。どのような原因が考えられるでしょうか？

また、
javascript:(function(){
var element = document.getElementsByTagnme("*");
for(var i=0;i<elements.length;i++){
alert(elements[i].tagName.value);
}
})();
では、全く何も返さなくなりました。

Comments

[otn]

getElementsByTagnme
タイプミスがありますが、実際には大丈夫でしょうか？

Answer 1

<textarea> や <input> が <iframe> や ShadowRoot の中にでも移動したのでしょう。

• <iframe> の場合は elements[i].contentDocument から中の DOM を得ることができます。
• open ShadowRoot の場合は elements[i].shadowRoot から中の DOM を得ることができます。
• closed ShadowRoot の場合は中の DOM を得ることができないので、shadow host に対する操作でどうにかできないか調査が必要です。