通过香草Javascript读取参数

时间:2018-10-16 18:36:23

标签: javascript css

在以下方面寻求一些建议-我将带有参数的onclick事件传递给JS,如下所示:

<div class="artistthumb" id="jamesPaterson1" onclick="artistModalOpen('jamesPaterson1')"></div>    

这将输入以下JS函数:

function artistModalOpen(x1) {
    var imagePath = document.getElementById(x1).style.backgroundImage;
    console.log(x1);
    console.log(imagePath);
}

该ID的CSS为:

background-image: url(../img/james_paterson_1.jpg);

到目前为止,我只是记录2个控制台输出-第一个很好,控制台按预期显示参数x1:jamesPaterson1

第二个控制台日志未显示任何内容。

我本来希望看到url(../img/james_paterson_1.jpg)

有人知道为什么这种情况不会发生吗?

非常感谢!

1 个答案:

答案 0 :(得分:2)

尝试@pytest.mark.parametrize("args, kwargs, expecting", [ ([100,10], {'is_test':True} , [90, 110]), ([100, .2], {'is_test':False} , [80, 120]), ]) def test_fn(args, kwargs, expecting): print(args, kwargs) assert fn(*args, **kwargs) == expecting def fn(a, b, c=False): if c: return a-c, a+c else: return a - (a*c), a+ a*c

getComputedStyle

https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle

  

var imagePath = getComputedStyle(document.getElementById(x1)) .getPropertyValue('background-image'); 方法返回一个对象,该对象报告   应用active后,元素的所有CSS属性的值   样式表并解析这些值可能会进行的任何基本计算   包含。各个CSS属性值可通过API访问   由对象提供或通过简单地使用CSS属性名称进行索引提供。