2016-08-28 97 views
0
<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"> 
+0

你有兩個函數同名。第二個將生效。 。請訪問[幫助],瞭解如何以及要問什麼以及如何格式化代碼。提示:給出實際和預期的輸出。 – mplungjan

回答

0

僅使用一個更新的功能,並添加你想要元素的任何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">