JavaScript を使用して Div 要素から背景画像 URL を取得する方法-CSSチュートリアル-php.cn

JavaScript を使用して Div 要素から背景画像 URL を取得する方法

Patricia Arquette

リリース： 2024-12-15 09:23:11

オリジナル

383 人が閲覧しました

How to Get a Background Image URL from a Div Element Using JavaScript?

JavaScript を使用して要素の背景画像 URL を抽出する方法

JavaScript では、設定されている背景画像の URL を取得することができます。要素を動的に指定します。その方法は次のとおりです。

の背景画像 URL を取得するにはどうすればよいですか? JavaScriptの要素?次のような要素があります:

背景画像の URL を取得するにはどうすればよいですか?

A: 背景画像の URL を取得するには、次のコードを使用できます:

var img = document.getElementById('your_div_id');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

ログイン後にコピー

それを壊しましょうdown:

要素の ID とその現在のスタイルまたは計算されたスタイルを取得します。
backgroundImage プロパティにアクセスします。
文字列をスライスして「url(」を削除します）
置換を使用して、文字列内の二重引用符を削除します。 URL.

これで、bi には背景画像の URL のみが含まれます。

例:

// Get the URL from an element with id "testdiv"
var img = document.getElementById('testdiv');
var style = img.currentStyle || window.getComputedStyle(img, false);
var bi = style.backgroundImage.slice(4, -1).replace(/"/g, "");

// Display the URL
console.log('Image URL: ' + bi);

ログイン後にコピー

これは背景の URL を出力します。画像をコンソールに送信します。

以上がJavaScript を使用して Div 要素から背景画像 URL を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

前の記事：CSS のみを使用して HTML リストの箇条書きの色を変更するにはどうすればよいですか? 次の記事：CSS のみを使用して背景画像に色をオーバーレイするにはどうすればよいですか?

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事