Question

考虑以下Javascript命令：

document.getElementsByClassName('phone_label')[0].style = 'color:#ec5840';

这适用于Firefox和Chrome，但不适用于Safari。

.style属性上的这篇文章并未指出Safari的任何问题。 https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

HTML .style属性是否与Safari浏览器完全兼容？（桌面和iOS版本）。

＆＃13;

  
  function changecolor() {
    document.getElementsByClassName('phone_label')[0].style = 'color:#ec5840';
    alert('The phone number should change to red!');  
  }

＆＃13;

  <p class='phone_label'>0411 111 111</p><br>
  <button onclick='changecolor()'>Click</button>

＆＃13;

Answer 1

根据HTMLElement.style上的MDN，以下是正确语法的建议：

document.getElementsByClassName('phone_label')[0].style.cssText = 'color: #ec5840;';

document.getElementsByClassName('phone_label')[0].style.color = '#ec5840';

HTML .style属性是否与Safari浏览器完全兼容？

1 个答案: