javascript - Chrome コンテンツ スクリプトが Web 要素のカスタム属性の取得に失敗する

Question

私は実行します

document.getElementsByTagName('img')[0]['!abc'] = "abc";

「!abc」属性を 1 つの画像要素に設定します。

コンテンツ スクリプトでこの属性を取得しようとすると、結果が null になります。

しかし、ドキュメント コンソールで取得しようとすると、結果は "abc" になります。

Answer 1

setAttribute() を使用します。

var myImg = document.getElementsByTagName('img')[0];
myImg.setAtrribute("attrib_name", value);

Answer 2

次のような関数を定義できます。

function setElementAttrbute(tagname,index,attrName,value){

    var elements = document.getElementsByTagName(tagname); // returns kind of array
    elements[index].setAttribute(attrName,value); 

}

(slice、push、pop、shift、unshift) のような配列メソッドを使用する場合は、次のようにしてキャストできます。

document.getElementsByTagName(tagname); // returns kind of array that does not have got array.-methods like above.
elements = Array.prototype.slice.call(elements); // returns real array