javascript - 关于Jscolor如何申请不同的ID

Question

<script>
  function update(jscolor) {

    // 'jscolor' instance can be used as a string

    document.getElementById('header').style.backgroundColor = '#' + jscolor

  }

  function update(jscolor) {

    // 'jscolor' instance can be used as a string

    document.getElementById('text').style.color = '#' + jscolor

  }
</script>

<nav class="navbar navbar-default navbar-fixed-top" id="header">

  <a class="navbar-brand" href="#" id="text">

   Customize Your Website

</a> 
  <input name="color2" class="jscolor form-control" onchange="update(this.jscolor)" value="#FFF">

Answer 1

只使用一个更新函数并在该函数中添加您想要更改的元素的任何 id:

<script>
  function update(jscolor) {

    // 'jscolor' instance can be used as a string

    document.getElementById('header').style.backgroundColor = '#' + jscolor
    document.getElementById('text').style.color = '#' + jscolor

  }
</script>

<nav class="navbar navbar-default navbar-fixed-top" id="header">

  <a class="navbar-brand" href="#" id="text">

   Customize Your Website

</a> 
  <input name="color2" class="jscolor form-control" onchange="update(this.jscolor)" value="#FFF">