从ID获取CSS background-image网址

时间:2016-10-22 16:32:50

标签: javascript jquery

如何从此ID获取网址

<div id="image" style="background-image: url(/test.com/test.jpg)">

一直在搜索谷歌和堆栈溢出,但只获得“从网址获取ID”或当前窗口位置结果。

5 个答案:

答案 0 :(得分:1)

使用jQuery:

$('#image').css('background-image')

答案 1 :(得分:1)

你可以这样做

   $("#image").css("background-image");

答案 2 :(得分:0)

您可以使用元素样式#include <iostream> #include <cstdlib> using namespace std; double playRPS (char a, char b); int main() { char letter; char result = 0; cout << "Welcome to COP3014 ROCK PAPER SCISSORS!\n\n"; cout << "Please select: " << endl << "Rock(r), Paper(p), or Scissors(s)? " << endl << "Or enter q to quit --> "; cin >> letter; if (letter == 'r' || letter == 'R' || letter == 'p' || letter == 'P' || letter == 's' || letter == 'S') { playRPS(letter, result); } else { cout << "Please enter r, p, or s" << endl; } return 0; } double playRPS (char x, char y) { int choice1 = 0, choice2 = 0, choice3 = 0; int user2 = rand() % 3 + 1; if (( x == 'r' || x == 'R') && (user2 == '2')) { cout << "The computer chose... PAPER!"; cout << "You chose ROCK!"; cout << "You LOSE!"; y = choice2; return choice2; } else if ((x == 'r' || x == 'R') && (user2 == '1')) { cout << "The computer chose... ROCK!"; cout << "You chose ROCK!"; cout << "You TIED!"; y = choice3; return choice3; } else if ((x == 'r' || x == 'R') && (user2 == '3')) { cout << "The computer chose... SCISSORS!"; cout << "You chose ROCK!"; cout << "You WIN!"; y = choice1; return choice1; } else if (( x == 'p' || x == 'P') && (user2 == '2')) { cout << "The computer chose... PAPER!"; cout << "You chose PAPER!"; cout << "You TIED!"; y = choice3; return choice3; } else if (( x == 'p' || x == 'P') && (user2 == '1')) { cout << "The computer chose... ROCK!"; cout << "You chose PAPER!"; cout << "You WIN!"; y = choice1; return choice1; } else if (( x == 'p' || x == 'P') && (user2 == '3')) { cout << "The computer chose... SCISSORS!"; cout << "You chose PAPER!"; cout << "You LOSE!"; y = choice2; return choice2; } else if (( x == 's' || x == 'S') && (user2 == '2')) { cout << "The computer chose... PAPER!"; cout << "You chose SCISSORS!"; cout << "You WIN!"; y = choice1; return choice1; } else if (( x == 's' || x == 'S') && (user2 == '1')) { cout << "The computer chose... ROCK!"; cout << "You chose SCISSORS!"; cout << "You LOSE!"; y = choice2; return choice2; } else if (( x == 's' || x == 'S') && (user2 == '3')) { cout << "The computer chose... SCISSORS!"; cout << "You chose SCISSORS!"; cout << "You TIED!"; y = choice3; return choice3; } else{ return main(); } 属性:

backgroundImage
var img = document.getElementById('image'),
    url = img.style.backgroundImage;

console.log(url);

答案 3 :(得分:0)

我坐下来从元素中获取内联样式属性的值。

hack/local_up_cluster.sh

答案 4 :(得分:0)

$(document).ready(function(){
	var x=$("#image").css("background-image");
	var imageurl = x.substring(5,x.length-2);
	alert(imageurl);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<div id="image" style="background-image: url(//test.com/test.jpg); height: 230px" class="testclass">Image</div>