当不可用时，如何使用setAttribute？

Question

我创建了使用 setAttribute 的代码，该代码正常，但是当我删除attr值时会出现问题。让我

在这里

解释一个用代码的示例

//var darkImage = document.querySelector('#darkroom1'); 

// (localStorage.getItem('mode')) === 'darkmode' ? darkImage.setAttribute('src', darkImage.getAttribute('data-dark')): darkImage.setAttribute('src', darkImage.getAttribute('data-normal'))

//I use local storage also to save that dark logo click


 $(".dark-toggle").click(function() {
 document.querySelector('#darkroom1').setAttribute("src", document.querySelector('#darkroom1').getAttribute("data-dark"));
 });
 
 // this code works fine but when I remove data-dark attribute then why src='null' error cause

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<img id='darkroom1' data-dark="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r4.png" data-normal="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" height="73" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" width="321"/>


<div class='dark-toggle'>Click Me</div>

此代码工作正常，但是当我删除数据向下属性时，为什么src ='null'错误原因是有任何解决方案，以便我们删除 data-dark =“” 当数据向下属性不可用时，代码应采用数据正态值

。

Answer 1

你可以这样做

$(".dark-toggle").click(function() {
  const target = $('#darkroom1');
  target.attr("src", 
    target.data("dark") 
    || target.data("normal"));
});