根据屏幕大小删除/更改选择器值

Question

我有一行代码使用选择器作为我的视差图像

这是代码

<div class="expertise-top" data-parallax="scroll" data-image-src="images/expertise/expertise-head.jpg">
  <div class="container">
    <section>
      <div class="row">
        <div class="col-md-12">
          <h3>Interactive & Identity</h3>
          <p><b>ECTECIANT</b> IS MADE UP OF <b>A NETWORK OF FREELANCERS.</b> OUTSTANDING <b>CREATIVE DIRECTORS, ART DIRECTORS, WEB DESIGNERS, DEVELOPERS AND ILLUSTRATORS</b> THAT ARE ABLE TO BRING TO OUR PROJECTS THE <b>PERSONALITY</b> AND <b>QUALITY</b> THAT SETS US APART.</p>
        </div>
      </div>
    </section>
  </div>
</div>

选择器是

  

数据图像-SRC =＆＃34;图像/专长/专长-head.jpg＆＃34;

问题是图像没有响应，选择器就像

  

背景图像

在css中

所以，我试图根据屏幕尺寸更改图像的选择器src

我知道有一种方法可以使用getelementbyid在javascript中获取class或id，但有没有办法获取自定义选择器？