通過innerHTML設置表單？

Question

我有一個小麻煩使用內部HTML設置窗體：

document.getElementById("Button").innerHTML='<form action="add.php" method="post" onSubmit="track('P1');">'+ 
'<input type="hidden" name="add" value="true"> '+ 
'<input type="hidden" name="item" value="P1"> '+ 
'<input type="hidden" name="pID" value="3"> '+ 
'<input type="hidden" name="qty" value="1"> '+  
'<input name="image" type="image" onMouseOver="this.src='/img/shop/r_addbasket.png'" '+ 
'onMouseOut="this.src='/img/shop/addbasket.png'" '+ 
'value="Add to Basket" src="/img/shop/addbasket.png" alt="AddtoBasket"></form>'; 

我認爲它的，因爲我已經得到形式多數民衆贊成把它扔掉裏面的一些'。我嘗試使用轉義字符，但沒有奏效。

TIA

Answer 1

試試這個，你沒有逃脫「在不同的上下文

document.getElementById("Button").innerHTML='<form action="add.php" method="post" onSubmit="track(\'P1\');">'+ 
'<input type="hidden" name="add" value="true"> '+ 
'<input type="hidden" name="item" value="P1"> '+ 
'<input type="hidden" name="pID" value="3"> '+ 
'<input type="hidden" name="qty" value="1"> '+  
'<input name="image" type="image" onMouseOver="this.src=\'/img/shop/r_addbasket.png\'" '+ 
'onMouseOut="this.src=\'/img/shop/addbasket.png\'" '+ 
'value="Add to Basket" src="/img/shop/addbasket.png" alt="AddtoBasket"></form>'; 

Answer 2

使用它，不要逃避任何東西的時候。您不需要轉義XML：

var xml = <form action="add.php" method="post" onSubmit="track('P1');"> 
    <input type="hidden" name="add" value="true" /> 
    <input type="hidden" name="item" value="P1" /> 
    <input type="hidden" name="pID" value="3" /> 
    <input type="hidden" name="qty" value="1" />  
    <input name="image" type="image" onMouseOver="this.src='/img/shop/r_addbasket.png'" 
    onMouseOut="this.src='/img/shop/addbasket.png'" 
    value="Add to Basket" src="/img/shop/addbasket.png" alt="AddtoBasket" /> 
</form> 
    document.getElementById("Button").innerHTML = xml; 

確保關閉輸入標記（如上所述）。這比嘗試添加轉義字符更清晰且更易於閱讀。