मेरे पास यह इनपुट तत्व है जिसमें value="Go" है, तत्व का id #btnSearchBox है, मैं "गो" को एक फ़ॉन्ट-विस्मयकारी आइकन से बदलने का प्रयास कर रहा हूं। देव टूल्स का उपयोग करते समय यदि मैं मैन्युअल रूप से "गो" मान को &#xf002, खोज के लिए कोड से बदल देता हूं, और मैन्युअल रूप से कक्षा में fa fa-search जोड़ता हूं तो मुझे वह परिणाम मिलता है जो मुझे चाहिए। लेकिन जब मैं जावास्क्रिप्ट के साथ इसे लागू करने का प्रयास करता हूं तो यह मूल्य को बदल देता है और कक्षा जोड़ता है लेकिन आइकन दिखाने के बजाय मुझे वास्तविक स्ट्रिंग &#xf002 मिलती है।

यह वह जावास्क्रिप्ट है जिसका उपयोग मैं एक वर्ग जोड़ने और मूल्य को बदलने के लिए कर रहा हूं।

document.getElementById('btnSearchBox').value = '&#xf002';
var search = document.getElementById("btnSearchBox");
search.className += " fa fa-search";

मुझे लगता है कि इसका & से कुछ लेना-देना है, लेकिन मुझे यकीन नहीं है कि इसके बारे में क्या किया जा सकता है। किसी भी सुझाव की सराहना की जाएगी!

यहाँ निरीक्षक से तत्व की एक प्रति है (जैसा कि जावास्क्रिप्ट के बिना है)।

<input id="btnSearchBox" name="btnSearchBox" type="submit" class="SearchBox1 ThemeButton GoThemeButton SearchGoThemeButton btn btn-default" value="Go" data-key="ThemeButton_Go_Search_string" onclick="return window.btnQuickAddToCart_onclick ? btnQuickAddToCart_onclick() : false;" \="">

मैं वास्तव में कोड तक नहीं पहुंच सकता अन्यथा आईडी इसे मैन्युअल रूप से जोड़ें। यह वहां सर्चबॉक्स के लिए एक बेवकूफ अमेरिकॉमर्स मर्ज कोड है।

1
robothead 24 अक्टूबर 2019, 21:21

1 उत्तर

सबसे बढ़िया उत्तर

जावास्क्रिप्ट में एक यूनिकोड वर्ण का प्रारूप \uXXXX है, इसलिए '&#xf002' को '\uf002' में बदलें

document.getElementById('btnSearchBox').value = '\uf002';
var search = document.getElementById("btnSearchBox");
search.className += " fa";
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<input id="btnSearchBox" name="btnSearchBox" type="submit" class="SearchBox1 ThemeButton GoThemeButton SearchGoThemeButton btn btn-default" value="Go" data-key="ThemeButton_Go_Search_string" onclick="return window.btnQuickAddToCart_onclick ? btnQuickAddToCart_onclick() : false;" \="">
2
marzelin 24 अक्टूबर 2019, 19:05